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: STTTên HàmDiễn Giải1getDate()lấy ngày từ mùng 1 đến 312getDay() 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 23h7getMiliSeconds()lấy số mili giây từ 0 đến 9998getMinutes()lấy số phút từ 0 đén 59 phút9getSeconds()lấy số giây trong phút từ 0 đến 59 giây10getTime()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à: 1471057578275Cá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ải1setDate()gắn vào các con số từ mùng 1 đến 312setMonth()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 23h6setMiliSeconds()gắn số mili giây từ 0 đến 9997setMinutes()gắn số phút từ 0 đén 59 phút8setSeconds()gắn số giây trong phút từ 0 đến 59 giây9setTime()bạn phải truyền vào dưới dạng miniseconds để gắn vào hàm set Time nàyTấ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>
