美文网首页
jquery倒计时

jquery倒计时

作者: 拾钱运 | 来源:发表于2020-08-21 16:55 被阅读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);//这里可以添加倒计时结束后需要执行的事件 
           }
      };
    }
    

    相关文章

      网友评论

          本文标题:jquery倒计时

          本文链接:https://www.haomeiwen.com/subject/zfxpjktx.html