一个页面显示多个倒计时

一个页面显示多个倒计时,主要用于电子商务网站

<script>
             function ReTime(){
              this.ID = document.getElementById(arguments[0]);
              if(!this.ID)
              {
               alert("您要设置的 " + arguments[0] + " 初始化错误\r\n请检查标签ID设置是否正确!");
               this.ID = -1;
               return;
              }
              this.StartTime = new Date().valueOf();
              this.Finish = "00:00:00:00";
              this.TimerID;
              if(typeof arguments[1] == "number" || typeof arguments[1] == "string")this.StartTime = arguments[1];
              if(arguments.length >= 1)this.Start();
             }
             ReTime.prototype.Start = function()
             {
              var Obj = this;
              var RunTime=0;
              Obj.Begin = function(){
              RunTime++;
              var nMS = Obj.StartTime*1000-RunTime*10;
              var nD = Math.floor(nMS/(1000*60*60*24));
              var nH=Math.floor(nMS/(1000*60*60))%24;
              var nM=Math.floor(nMS/(1000*60)) % 60;
              var nS=Math.floor(nMS/1000) % 60;
                 var nms=Math.floor(nMS);
             // var c=new Date();
             // var nQ=c.getMilliseconds();
            // if(nQ<10)//因为毫秒为一位数时只占一个字符位置,会让毫秒二字变动位置
             // {
             // nQ="00"+c.getMilliseconds();
            // }
             // if(nQ>=10 && nQ<100)//因为毫秒为两位数时只占两个字符位置,会让毫秒二字变动位置
            // {
             // nQ="0"+c.getMilliseconds();
            // }
              Obj.Finish ="剩余"+nD+"天"+ nH+"时"+nM+"分"+nS+"秒";
             
              if(nms<0){Obj.Finish = "已结束";window.clearInterval(Obj.TimerID);}
                 Obj.ID.innerHTML = Obj.Finish;
              }
              Obj.TimerID = window.setInterval(Obj.Begin,10);
             }
             new ReTime("time-<?php echo $onegoods['id'] ?>","<?php if ($onegoods['start']-time()>=0){
    echo $onegoods['start']-time();
    }else{
     echo $onegoods['end']-time();
    }?>");
             </script>

参数说明:

1.DOM元素的选择器。

2.倒计时的时间

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值