Hàm xử lý thời gian trong javascript giờ phút giây ngày tháng năm

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi admin, 13/8/16.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,738
    Đã được thích:
    711
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Sau đây ITSEOVN hướng dẫn các bạn toàn bộ hàm xử lý thời gian trong javascript bao gồm giờ, phút, giây, ngày, tháng, năm hiện tại (get) và gán thời gian (set)

    ham-xu-ly-thoi-gian-trong-javascript.png
    Khởi tạo biến thời gian gồm các cách sau:

    Cách 1: Khởi tạo lấy thời gian hiện tại trong javascript
    Mã:
    new Date();
    
    Cách 2: Khởi tạo biến thời gian và truyền tham số vào dưới dạng mili giây
    Mã:
    new Date(tham_so_la_mili-giay);
    
    Cách 3: Khởi tạo tham số ngày tháng và truyền vào là 1 chuỗi ngày tháng năm
    Mã:
    new Date(chuoi_ngay_thang_nam);
    
    Cách 4: Khởi tạo truyền tham số vào dưới các định dạng ngày - tháng - năm - giờ - phút - giây:
    • year - năm
    • month - tháng
    • day - ngày
    • hours - giờ
    • minutes - phút
    • seconds - giây
    • milliseconds - mini giây
    Mã:
    new Date(year, month, day, hours, minutes, seconds, milliseconds);
    
    1. Hàm lấy dữ liệu (GET) trong code javascript

    Trong Javascript có các lấy dữ liệu như sau:

    STTTên HàmDiễn Giải
    1getDate()lấy ngày từ mùng 1 đến 31
    2getDay() lấy các ngày trong tuần từ 0 đến 6 với (0 là CN, 1 Thứ 2, ... 6 thứ 7)
    3getMonth()lấy tháng từ 0 đến 11 với (0 là tháng 1, 1 là tháng 2,... 11 là tháng 12)
    4getFullYear()lấy năm đầy đủ với 4 số VD: 2016 (YYYY)
    5getYear()chỉ lấy năm 2 số cuối của năm VD: 16 (YY)
    6getHours()lấy số giờ theo 24 giờ từ 0h đến 23h
    7getMiliSeconds()lấy số mili giây từ 0 đến 999
    8getMinutes()lấy số phút từ 0 đén 59 phút
    9getSeconds()lấy số giây trong phút từ 0 đến 59 giây
    10getTime()lấy thời gian đã được chuyển(convert) sang định dạng miliseconds. VD: hiện tại là 10h:06p18s sẽ in ra màn hình là: 1471057578275
    Cách gọi hàm:
    Mã:
    <div id="timercheck">
    </div>
    <script type="text/javascript">
            var today = new Date();//khai báo biến thời gian.
    
           //lấy thời gian hiện tại
           var h = today.getHours();//lấy dữ liệu ra
          var m = today.getMinutes();
          var s = today.getSeconds();
          //in thời gian ra màn hình, lấy thời gian hiện tại
         document.getElementById('timercheck').innerHTML = h + ":" + m + ":" + s;
    </script>
    
    In ra tổng thời gian toàn bộ về giờ phút giây, ngày tháng năm,.. trong biến Date
    Mã:
    <script type="text/javascript">
         var date = new Date();
         document.write(date);
    </script>
    
    Kết quả: Sat Aug 13 2016 11:45:46 GMT+0700 (SE Asia Standard Time)

    2. Hầm truyền dữ liệu (SET) trong code javascript.

    Mỗi hàm GET sẽ có 1 hàm SET (trừ hàm getDay không có hàm setDay) tương ứng như sau:

    STTTên HàmDiễn Giải
    1setDate()gắn vào các con số từ mùng 1 đến 31
    2setMonth()gắn vào từ 0 đến 11 với (0 là tháng 1, 1 là tháng 2,... 11 là tháng 12)
    3setFullYear()gắn năm đầy đủ với 4 số VD: 2016 (YYYY)
    4setYear()gắn là năm 2 số cuối của năm VD: 16 (YY)
    5setHours()gắn số giờ là 24 giờ từ 0h đến 23h
    6setMiliSeconds()gắn số mili giây từ 0 đến 999
    7setMinutes()gắn số phút từ 0 đén 59 phút
    8setSeconds()gắn số giây trong phút từ 0 đến 59 giây
    9setTime()bạn phải truyền vào dưới dạng miniseconds để gắn vào hàm set Time này
    Tất cả các con số gắn sai định dạng, javascript sẽ tự động lấy thời gian, giờ hiện tại để gắn khi lấy hàm get về thời gian

    Mã:
    <div id="timercheck">
    </div>
    <script type="text/javascript">
      var day = new Date();
    
      // tạo ngày tháng năm mới
      day.setDate(9);
      day.setMonth(9);
      day.setFullYear(2009);
    
      var d = day.getDate();
      var m = day.getMonth();
      var y = day.getFullYear();
    
      document.getElementById('timercheck').innerHTML ="Ngày: "+ d + "/" + m + "/" + y;
    </script>
    
    3. Tạo đồng hồ tự động chạy bằng CODE javascript

    Copy code sau, cho vào file .html và chạy thử nhé.
    Mã:
    <!-- Khai báo dưới dạng HTML5 -->
    <!DOCTYPE html>
    <html dir="ltr" lang="en">
    <head>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <title>Tạo đồng hồ bằng code javascript</title>
      <script type="text/javascript">
          // Hàm khởi tạo đồng hồ
          function getTime() {
                   // khai báo biến thời gian.
                   var today = new Date();
                   // khởi tạo biến lấy Giờ, phút, giây hiện tại
                   var h = today.getHours();
                   var m = today.getMinutes();
                   var s = today.getSeconds();
                   // in thời gian ra ngoài trình duyệt
                   document.getElementById('gettimer').innerHTML ="Thời gian hiện tại : " + h + ":" + m + ":" + s;
                  // Dùng hàm setTimeout để mỗi 0.5 giây sẽ cập nhật chạy lại hàm lấy thời gian chính xác.
                 var t = setTimeout(function () { getTime();}, 500);
         }
    </script>
    </head>
    <!-- khai báo getTime tại body để mỗi lần chạy file sẽ lấy thông tin thời gian lại -->
    <body onload="getTime()">
             <div id="gettimer">
             </div>
    </body>
    </html>
    
     
    Cảm ơn đã xem bài:

    Hàm xử lý thời gian trong javascript giờ phút giây ngày tháng năm

    Chỉnh sửa cuối: 13/8/16
    Đang tải...
  2. Lan_san

    Lan_san Thành Viên Mới

    Tham gia ngày:
    27/5/16
    Bài viết:
    8
    Đã được thích:
    0
    Điểm thành tích:
    1
    cảm ơn ad, rất thích bài viết :) :) :) :) :)
     


Like và Share ủng hộ ITSEOVN