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, 23/9/16.

  1. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,997
    Đã được thích:
    1,216
    Đ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
  2. Lan_san
    Tham gia ngày:
    27/5/16
    Bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    cảm ơn ad, rất thích bài viết :) :) :) :) :)
     
  3. thamexper
    Tham gia ngày:
    7/12/16
    Bài viết:
    10
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    Thank admin đã chia sẻ. Vừa nghiên cứu vừa học js
     
  4. hungphugia.net
    Tham gia ngày:
    2/3/17
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Hay ad à,cám ơn admin nhiều lắm :)
     
  5. phucanh0303
    Tham gia ngày:
    21/2/17
    Bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    Cám ơn bạn đã đăng bài viết hữu ích này
     
  6. idol1010
    Tham gia ngày:
    18/4/17
    Bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    anh oi anh chia sẻ rất hay em mượn 20 ký tự để em đăng bài mới
     
  7. suaphongtamxonghoi
    Tham gia ngày:
    12/7/18
    Bài viết:
    4
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    bài viết rất hay
    vote
     
  8. memenaotaz2
    Tham gia ngày:
    23/3/19
    Bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ

    Bob say khướt. Anh ta về nhà, đập cửa:

    - Ồ, Bob! Anh đã về đấy ư?

    - Ừ, em yêu ạ, anh gặp bạn cũ.

    - !?

    - Anh nhậu hết lương tháng rồi.

    - À, em có thể hiểu.

    - Xe lại bị giữ...

    - Chuyện đương nhiên mà.

    - Ôi, em đúng là người phụ nữ hiền dịu nhất trần đời. Ừm... Ờ... hình như cái dây chuyền em đưa hôm qua, anh trót tặng một cô gái.

    - Lạy Chúa, em thật là may mắn!

    - Sao, em định nói là em rất hài lòng ư?

    - Vâng, vì em chỉ là... hàng xóm của anh. Hãy can đảm lên, chỉ còn vài bước chân nữa thôi. Cầu Chúa phù hộ cho anh!
     


Chủ để tương tự : Hàm xử
Diễn đàn Tiêu đề Date
Lập trình Javascript, js Các hàm xử lý chuỗi trong Javascript tổng hợp 5/1/16
Lập trình Javascript, js Check Number JS, kiểm tra input text số lượng sản phẩm là số trong jQuery/Javascript 15/7/20
Lập trình Javascript, js Append() chèn xuống dưới, còn chèn lên trên thì là gì trong javascript? 1/6/23