本文实例讲述了js实现的倒计时效果。分享给大家供大家参考,具体如下:
我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果,就是多少秒之后注册这个按钮才可以点击,其目的就是强迫你去看他的注册注意事项,这是一个很实用的效果;另外当我们进行在线考试的时候也必定会碰到答题倒计时的效果,这种倒计时效果是如何实现的呢?下面我们就用js来实现一个倒计时效果,具体代码:
html页面:
倒计时 剩余时间为:
timer.js:
function timer() { var ts = (new date(2018, 11, 11, 9, 0, 0)) - (new date());//计算剩余的毫秒数 var dd = parseint(ts / 1000 / 60 / 60 / 24, 10);//计算剩余的天数 var hh = parseint(ts / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数 var mm = parseint(ts / 1000 / 60 % 60, 10);//计算剩余的分钟数 var ss = parseint(ts / 1000 % 60, 10);//计算剩余的秒数 dd = checktime(dd); hh = checktime(hh); mm = checktime(mm); ss = checktime(ss); document.getelementbyid(timer).innerhtml = dd + 天 + hh + 时 + mm + 分 + ss + 秒; setinterval(timer(),1000);}function checktime(i){ if (i < 10) { i = 0 + i; } return i;}
运行效果截图如下:
再来看看另一个js倒计时效果:
倒计时js代码 00天 00时 00分 00秒
运行效果截图如下:
读者可以按照自己的喜好选择一款倒计时代码使用。
希望本文所述对大家javascript程序设计有所帮助。
