宝哥软件园

js定时器实现倒计时效果

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

这个例子分享了js定时器实现倒计时效果显示的具体代码,供大家参考。具体内容如下

日期函数

倒计时=使用未来时间-当前时间

问题:未来时间距离是1970毫秒-现在时间距离是1970 1

使用未来的毫秒数——现在的毫秒数是不断变化的

!DOCTYPE html html head lang=' en ' meta charset=' UTF-8 ' title/title style body { font-size :30 px;文本对齐:中心;color:red} /style脚本window . onload=function(){ var demo=document . getelementbyid(' demo ');var endTime=新日期(' 2017/11/12 17:30:00 ');//最终时间设置区间(时钟,1000);//启动定时器功能clock(){ var now time=new date();//一定要获取最新的时间//console . log(nowtime . gettime());获取自己的毫秒varsecond=par sent((end time . gettime()-now time . gettime())/1000);//使用未来时间毫秒-当前毫秒/1000得到的剩余秒可以连续取整//console.log(秒);//每小时3600秒//秒/3600总小时/24天var d=parseInt(秒/3600/24);//days//console . log(d);Var h=parseint(秒/3600% 24)//hour//console . log(h);var m=parseInt(秒/60);//console . log(m);var s=parseInt(秒);//当前的第二个console.log/* if(D10){ d=' 0 ' d;}*/d10?d=' 0 ' d :d;h10?h=' 0 ' h :h;m10?m=' 0 ' m :m;s10?s=' 0 ' s :s;Demo.innerHTML='在抢购时间之前还有:' d '天' h '小时' m '分'秒';} }/script/head dydiv id=' demo '/div/body/html更多信息,请参考:js实现倒计时功能总结

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+