倒计时

最新推荐文章于 2021-11-16 01:31:16 发布

呀呀呀_让我想想

最新推荐文章于 2021-11-16 01:31:16 发布

阅读量150

点赞数 1

分类专栏： javascript 文章标签：倒计时

本文链接：https://blog.csdn.net/qq_36002627/article/details/78594950

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML

<!-- time -->
 <div class="spareTime">
       <div id="countdown">
         <div id="leftTime">
             <div class="timeItem"><span class="time">0</span><span class="time">0</span></div>
             <div class="timeItem"><span class="unit">:</span></div>
             <div class="timeItem"><span class="time">0</span><span class="time">0</span></div>
             <div class="timeItem"><span class="unit">:</span></div>
             <div class="timeItem"><span class="time">0</span><span class="time">0</span></div>
         </div>
       </div>
 </div>
<!-- /time -->

 // time

var leftTimeFormat = '<div class="timeItem"><span class="time">{h1}</span><span class="time">{h2}</span></div><div class="timeItem"><span class="unit">:</span></div><div class="timeItem"><span class="time">{m1}</span><span class="time">{m2}</span></div><div class="timeItem"><span class="unit">:</span></div><div class="timeItem"><span class="time">{s1}</span><span class="time">{s2}</span></div>'

  // ===get time=====
    var _beginTime,_endTime,_now;
    $('#leftTime').countdown(_endTime,_now,leftTimeFormat, function(){});                                  

  // countdown
  $.fn.extend({
    "countdown": function(endtime, nowtime, format, callback) {
      var owner = $(this);
      if (!endtime || endtime == "" || !nowtime || nowtime == "") return false;
      var countdown_int = setInterval(function() {
        nowtime = nowtime + 1000;
        var countdownHtml = "";
        var h, m, s;
        var leftsecond = parseInt(endtime - nowtime);
        h = parseInt(leftsecond % 86400000 / 3600000);
        m = parseInt(leftsecond % 86400000 % 3600000 / 60000);
        s = parseInt(leftsecond % 86400000 % 3600000 % 60000 / 1000);

        if (leftsecond <= 0) {
          clearInterval(countdown_int);
          h = m = s = 0;
          if (typeof(callback) === "function") {
            callback(owner);
          }
        }
countdownHtml = format.replace('{h1}', parseInt(h/10), 10).replace('{h2}',h%10).replace('{m1}', parseInt(m/10), 10).replace('{m2}',m%10).replace('{s1}', parseInt(s/10), 10).replace('{s2}',s%10);
        owner.html(countdownHtml);
      }, 1000);
    }