Heim  >  Artikel  >  Web-Frontend  >  jquery简单倒计时实现方法

jquery简单倒计时实现方法

PHPz
PHPzOriginal
2016-05-16 15:24:531534Durchsuche

本文实例讲述了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教程

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn