Rumah  >  Artikel  >  hujung hadapan web  >  jquery简单倒计时实现方法

jquery简单倒计时实现方法

PHPz
PHPzasal
2016-05-16 15:24:531538semak imbas

本文实例讲述了jquery简单倒计时实现方法。分享给大家供大家参考,具体如下:

var intDiff = parseInt(60); //倒计时总秒数量
function timer(intDiff) {
  window.setInterval(function () {
    var day = 0,
      hour = 0,
      minute = 0,
      second = 0; //时间默认值
    if (intDiff > 0) {
      day = Math.floor(intDiff / (60 * 60 * 24));
      hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
      minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
      second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
    }
    if (minute <= 9) minute = &#39;0&#39; + minute;
    if (second <= 9) second = &#39;0&#39; + second;
    $(&#39;#day_show&#39;).html(day + "天");
    $(&#39;#hour_show&#39;).html(&#39;&#39; + hour + &#39;时&#39;);
    $(&#39;#minute_show&#39;).html(&#39;&#39; + minute + &#39;分&#39;);
    $(&#39;#second_show&#39;).html(&#39;&#39; + second + &#39;秒&#39;);
    intDiff--;
  }, 1000);
}
$(function () {
  timer(intDiff);
});

希望本文所述对大家jQuery程序设计有所帮助。

【相关教程推荐】

1. JavaScript视频教程
2. JavaScript在线手册
3. bootstrap教程

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn