倒计时

来源:互联网 发布:中国万网域名申请流程 编辑:程序博客网 时间:2024/06/05 18:00

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 -->

JS

 // timevar 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);    }
原创粉丝点击