Jquery时间倒数

/*
* 使用此时间倒数计时js需要引入jquery-1.7.2.min.js
* 参数
* 使用时只需要条用timer(intDiff);方法
* intDiff:时间倒数的毫秒值(使用时只需在js中定义该变量并且赋值即可)int类型
* 页面显示需要<span id="day_show"></span> <span id="hour_show"></span> ...等回显

*这个可以作为参数传入可以根据跟人需求进行优化
*/

代码如下:

//时间倒计时
var intDiff = parseInt(X);//倒计时总秒数量
var timeID;
function timer(intDiff){
  timeID = 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);
    }else{
      window.clearInterval(timeID);//停止计时器
    }
    if (minute <= 9) minute = '0' + minute;
    if (second <= 9) second = '0' + second;
    $('#day_show').html(day+"天");
    $('#hour_show').html('<s id="h"></s>'+hour+'时');
    $('#minute_show').html('<s></s>'+minute+'分');
    $('#second_show').html('<s></s>'+second+'秒');
    intDiff--;
  }, 1000);
}

  

posted on 2015-07-31 13:40  思念流年  阅读(972)  评论(0编辑  收藏  举报