Có nhiều trường hợp chúng ta ứng dụng mã JavaScript này, ví dụ ở Page này: Tải về phần mềm Pi Check.
Code hiển thị các bạn có thể chèn các mã <a></a>
, <p></p>
, <div></div>
, <span></span>
… vì thêm id="countdown"
tùy trường hợp bạn sử dụng.
Ví dụ bên dưới là đếm ngược 100 giây.
Bạn đọc bài này hết 100 giây.
<a id="countdown">100</a>
<p id="countdown">100</p>
<div id="countdown">100</div>
<p id="countdown">100</p>
Và nhớ chèn Code Javascript này vào bắt đầu bằng thẻ <script>
, kết thúc bằng </script>
:
var seconds = document.getElementById("countdown").textContent;
var countdown = setInterval(function() {
seconds--;
document.getElementById("countdown").textContent = seconds;
if (seconds <= 0) clearInterval(countdown);
}, 1000);
Hãy cho chúng tôi một lượt hoặc chia sẻ bài viết với bạn bè của bạn. Cảm ơn vì đã ghé thăm, hãy tiếp tục ghé thăm Tradevn.tech. Xin cám ơn!
Hữu ích cho bạn:
- Javascript cuộn xuống cuối trang
- Javascript sao chép URL hiện tại của trang
- Javascript tự động hiện 1 phần tử sau thời gian nhất định
- Javascript tự ‘Go Back’ sau thời gian nhất định
- Cách tạo vòng tròn Loading với hiệu ứng xoay vòng với CSS
- Sao chép văn bản vào Clipboard trong JavaScript đơn giản nhất
- Sao chép văn bản vào Clipboard bằng Javascript và CSS
- Tự động đóng trang sau thời gian cụ thể bằng Javascript
- Java tự động chuyển trang hoặc tải File sau thời gian cài đặt
- Tạo thanh tiến trình theo giây đơn giản bằng JavaScript
- Bạn có biết JavaScript là gì không?
- Nút Javascript làm mới trang
- Mã Javascript kèm Link gốc bài viết khi có khách Copy nội dung