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

admin · 13/8/16

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)

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:

STT Tên Hàm Diễn Giải
1 getDate() lấy ngày từ mùng 1 đến 31
2 getDay() lấy các ngày trong tuần từ 0 đến 6 với (0 là CN, 1 Thứ 2, ... 6 thứ 7)
3 getMonth() 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)
4 getFullYear() lấy năm đầy đủ với 4 số VD: 2016 (YYYY)
5 getYear() chỉ lấy năm 2 số cuối của năm VD: 16 (YY)
6 getHours() lấy số giờ theo 24 giờ từ 0h đến 23h
7 getMiliSeconds() lấy số mili giây từ 0 đến 999
8 getMinutes() lấy số phút từ 0 đén 59 phút
9 getSeconds() lấy số giây trong phút từ 0 đến 59 giây
10 getTime() 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:

STT Tên Hàm Diễn Giải
1 setDate() gắn vào các con số từ mùng 1 đến 31
2 setMonth() 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)
3 setFullYear() gắn năm đầy đủ với 4 số VD: 2016 (YYYY)
4 setYear() gắn là năm 2 số cuối của năm VD: 16 (YY)
5 setHours() gắn số giờ là 24 giờ từ 0h đến 23h
6 setMiliSeconds() gắn số mili giây từ 0 đến 999
7 setMinutes() gắn số phút từ 0 đén 59 phút
8 setSeconds() gắn số giây trong phút từ 0 đến 59 giây
9 setTime() 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ã:

<!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>

<body onload="getTime()">
         <div id="gettimer">
         </div>
</body>
</html>

Lan_san · 2/11/16

cảm ơn ad, rất thích bài viết

thamexper · 7/12/16

Thank admin đã chia sẻ. Vừa nghiên cứu vừa học js

hungphugia.net · 2/3/17

Hay ad à,cám ơn admin nhiều lắm

phucanh0303 · 8/3/17

Cám ơn bạn đã đăng bài viết hữu ích này

idol1010 · 19/4/17

anh oi anh chia sẻ rất hay em mượn 20 ký tự để em đăng bài mới

suaphongtamxonghoi · 12/7/18

bài viết rất hay
vote

memenaotaz2 · 24/3/19

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!

Loại	Vùng 1	Vùng 2
Xăng RON 95-IV	21.090	21.510
Xăng RON 95-III	20.990	21.400
E5 RON 92-II	19.880	20.270
DO 0,001S-V	16.890	17.220
DO 0,05S-II	16.590	16.920
Dầu hỏa	15.580	15.890

STT / Bậc số điện	Giá (Đ/kWh)
1: Cho kWh từ 0 - 50	1.678
2. Cho kWh từ 51 - 100	1.734
3. Cho kWh từ 101 - 200	2.014
4. Cho kWh từ 201 - 300	2.536
5. Cho kWh từ 301 - 400	2.834
6. Cho kWh từ 401 trở lên	2.927
7. Dùng công tơ thẻ trả trước	2.461

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

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

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

Lượt xem: 6,048 - Xem Bài Viết Cùng Chủ Đề

Lan_san Thành Viên Mới

thamexper Thành Viên Mới

hungphugia.net Thành Viên Mới

phucanh0303 Thành Viên Mới

idol1010 Thành Viên Mới

suaphongtamxonghoi Thành Viên Mới

memenaotaz2 Thành Viên Mới

Like và Share ủng hộ ITSEOVN

SEO & CNTT Việt Nam

CHUYÊN MỤC SEO