手机版

基于javascript实现精确到毫秒的倒计时

时间:2021-11-04 来源:互联网 编辑:宝哥软件园 浏览:

这篇文章和大家分享了用javascript及时购买倒计时,精确到毫秒倒计时,供大家参考。具体内容如下。

一、效果图。

下图是上面限时抓取的效果。

二、实现限时抢夺效果所需的知识:Javascript Date()对象Date()返回当前日期,事件getYear()返回年份获取年份。最好使用getFullYear()方法操作(完整格式为2016)getMonth()返回月值(从0,1开始)getDay()返回一周中的第几天(0-6),gethours()返回小时(0-23),getminutes()返回分钟(0-59),getseconds()返回秒,getTime()返回毫秒。当然,我们不一定会用到以上所有的调用方法,还要看你自己的需求。我们直接编码:1。HTML页面代码:p class='left-time'/p我们把倒计时内容放在类为left-time的p标签中。2.JS脚本:

$(function(){ function left time(){ var end time=new Date '(2016/5/20,12:00:00 ');//结束时间var curTime=new Date();//当前时间varlefttime=par sent((end time . gettime()-curti me . gettime())/1000);//获取时差//小时、分、秒,需要取模运算var d=par sent(left time/(60 * 60 * 24));var h=parsent(left time/(60 * 60)$);var m=parsent(left time/60 `);var s=ParSeint(LeftTime `);var ms=parsent(((end time . gettime()-curtime.gettime())/100));Var txt='剩余':d '天' h '小时' m '分钟' s '毫秒'秒';$('.左时间')。文本(txt);If (lefttime=0) {$(')。左时间')。文本(“团购结束”);} };left time();var set=setInterval(leftTime,100);});上面的js实现了一个简单的限时抢的小例子,其中parsent()方法是舍入,getTime()将时间转换成毫秒,除了parsent()方法之外,还可以用Math.floor()向下舍入来代替。

最后,不要忘了给出一个if()来判断在时间结束时需要显示什么,否则会出现不必要的bug!

版权声明:基于javascript实现精确到毫秒的倒计时是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。