File Download Countdown Timer For Blogger

Chào mọi người, việc tạo thời gian chờ cho mục download đã được chia sẽ nhiều ở internet, và hôm nay ngồi mày mò code mình cũng tự viết ra được một đoạn code dạng đó.

Không dài dòng nữa chúng ta bắt đầu nhé.

Bạn có thể thêm đoạn code sau vào bài viết hoặc trang riêng của mọi người một cách thoải mái, và theo sự tùy biến theo khả năng của mọi người về việc làm website để phù hợp với tốc độ và giao diện của mọi người.

Full Code.

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: center;"><span style="font-weight: 700;"><span style="color: #0c343d;"><br /></span></span></div>
<h3 style="font-weight: bold; text-align: center;"><b><span style="color: #0c343d;">Your download will begin in <span id="displaySeconds">10</span> seconds.</span></b></h3><script>
   var thoigian = 10; // sô dây đếm ngược.
   var giay; // Xử lý sự kiện đếm ngược.
   
   function start() {
    giay = setInterval(timer, 1000);
   }

   function timer() {
    // Hiển thị số giây còn lại trên trang web.
    var output = document.getElementById("displaySeconds");
    output.innerHTML = thoigian;
    
    // Giảm số giây còn lại đi một.
    thoigian--;
    
    // Kiểm tra xem bộ đếm đã về 0 chưa.
    if (thoigian < 0) { // Nếu bộ đếm đã đạt đến số 0...
     // dừng đếm ngược.
     clearInterval(giay);
     
     // bắt đầu truy cập vào trang đích.
     window.location.href = "Your-File-Download-Link-Paste-Here";
     return;
    }
   }  
   // Bắt đầu đồng hồ đếm ngược khi tải trang. 
   window.addEventListener("load", start, false);
  </script>
</div>

Ở phần mình bôi đỏ phía trên mọi người thay thế được link của các bạn vào nhé.

DEMO THỦ THUẬT

DEMO TIPS