Thủ thuật

Cấp bậc tác giả:

HTML

Bộ đếm giờ giảm dần

Được viết bởi QuangIT ngày 17/04/2013 lúc 08:21 PM
Một đoạn mã JavaScript khác để hiển thị thời gian giảm dần. Người thiết kế có thể thay đổi mốc thời gian này. Một hiệu ứng tương tự như các website MediaFire và RapidShare.
  • 0
  • 7201

Bộ đếm giờ giảm dần

CSS:


<style>

.timeClass {

  font-family:arial,verdana,helvetica,sans-serif;

  font-weight:normal;

  font-size:10pt;

}

</style>


JavaScript:

<script>

/*

Created by: Sandeep Gangadharan 

Web Site: http://www.sivamdesign.com/

*/


var sec = 30;   // set the seconds

var min = 02;   // set the minutes


function countDown() {

  sec--;

  if (sec == -01) {

    sec = 59;

    min = min - 1;

  } else {

   min = min;

  }

if (sec<=9) { sec = "0" + sec; }

  time = (min<=9 ? "0" + min : min) + " min and " + sec + " sec ";

if (document.getElementById) { theTime.innerHTML = time; }

  SD=window.setTimeout("countDown();", 1000);

if (min == '00' && sec == '00') { sec = "00"; window.clearTimeout(SD); }

}


function addLoadEvent(func) {

  var oldonload = window.onload;

  if (typeof window.onload != 'function') {

    window.onload = func;

  } else {

    window.onload = function() {

      if (oldonload) {

        oldonload();

      }

      func();

    }

  }

}


addLoadEvent(function() {

  countDown();

});


HTML

<span id="theTime" class="timeClass"></span>

Nguồn bài viết: Sưu tầm

Bài viết tương tự

BÌNH LUẬN BÀI VIẾT

Bài viết mới nhất

LIKE BOX

Bài viết được xem nhiều nhất

HỌC HTML

Xem tất cả

Học Hệ thống Mạng

Xem tất cả
Đối tác:            

Thiết kế bởi DOTNET GROUP.  Hoàn thành giai đoạn I

©2023 DOTNET GROUP. All contents are copyright of their authors.