Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt đồng hồ đếm ngược trong javascript?

Bạn có thể tạo đồng hồ đếm ngược trong Javascript bằng cách sử dụng setIntervalmethod. Phương thức setInterval (), gọi nhiều lần một hàm hoặc thực thi một đoạn mã, với thời gian trễ cố định giữa mỗi lần gọi.

Để tạo bộ đếm ngược, chúng ta cần kiểm tra sự khác biệt giữa thời gian hiện tại và thời gian cuối cùng và tiếp tục cập nhật bộ đếm ngược. Ví dụ:

Ví dụ

 let countDownDate =new Date ("21/07/2020 00:00:00"). getTime (); let x =setInterval (() => {let now =new Date (). getTime (); let khoảng cách =countDownDate - now; // Tính toán thời gian cho ngày, giờ, phút và giây cho ngày =Math.floor (khoảng cách / (1000 * 60 * 60 * 24)); cho giờ =Math.floor ((khoảng cách% (1000 *) 60 * 60 * 24)) / (1000 * 60 * 60)); đặt phút =Math.floor ((khoảng cách% (1000 * 60 * 60)) / (1000 * 60)); để giây =Math.floor ( (khoảng cách% (1000 * 60)) / 1000); console.log (ngày + "d" + giờ + "h" + phút + "m" + giây + "s"); // Nếu quá trình đếm ngược kết thúc , viết một số văn bản if (distance <0) {clearInterval (x); console.log ("complete")}}, 1000); 

Đầu ra

Điều này sẽ cung cấp đầu ra -

 310d 0h 6m 46s310d 0h 6m 45s310d 0h 6m 44s310d 0h 6m 43s310d 0h 6m 42s310d 0h 6m 41s310d 0h 6m 40s310d 0h 6m 39s310d 0h 6m 38s310d 0h 6m 37s310d 0h 6m 36s310d 0h 6mh 6m 0h 6m 36s310d 0h 6m 0 6m