jquery倒计时

2020-08-21  本文已影响0人  拾钱运

使用方法:

setDateImportFn('','2020/08/22 00:00:00')

备注如果想要再次更改开始时间和结束时间:

var curDate = new Date();
    var nextDate = new Date(curDate.getTime() + 24*60*60*1000);
    window.clearInterval(interval);
    setDateImportFn(curDate,nextDate)

倒计时方法

var interval
// //初始化
function setDateImportFn(startTime,endTime){
    if(!startTime){
        var now=new Date();
    }else{
        console.log(startTime)
        var now=new Date(startTime);
    }
    var end=new Date(endTime);//结束的时间:年,月,日,分,秒(月的索引是0~11)
   /*两个时间相减,得到的是毫秒ms,变成秒*/
    var result=Math.floor(end-now)/1000;    
    interval=setInterval(sub,1000); //定时器 调度对象
    /*封装减1秒的函数*/
   function sub(){
        if (result>1) {
          result = result - 1; 
           var second = Math.floor(result % 60);     // 计算秒 ,取余  
           var minite = Math.floor((result / 60) % 60); //计算分 ,换算有多少分,取余,余出多少秒
           var hour = Math.floor((result / 3600) % 24); //计算小时,换算有多少小时,取余,24小时制除以24,余出多少小时
        //   var day = Math.floor(result / (3600*24));  //计算天 ,换算有多少天   
          $('.remainingTime').html( hour + "小时" + minite + "分" + second + "秒");
       } else{
           //倒计时结束
           window.clearInterval(interval);//这里可以添加倒计时结束后需要执行的事件 
       }
  };
}
上一篇下一篇

猜你喜欢

热点阅读