JS实现的倒计时效果实例(2则实例)

本文实例讲述了射流研究…实现的倒计时效果。分享给大家供大家参考，具体如下：

我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之后注册这个按钮才可以点击，其目的就是强迫你去看他的注册注意事项，这是一个很实用的效果；另外当我们进行在线考试的时候也必定会碰到答题倒计时的效果，这种倒计时效果是如何实现的呢？下面我们就用射流研究…来实现一个倒计时效果，具体代码：

超文本标记语言页面：

超文本标记语言标题倒计时/title！-以下为钢性铸铁样式- style type='text/css ' .道积石H2 {字体系列： Helvetica，微软雅黑，Arial，无衬线；font-size :14 px边距-底部：5 pxcolor: # 151515}。Helvetica道吉士#定时器{ font-family :微软雅黑，Arial，无衬线；font-size :14 pxcolor : # 151515 font-weight :加粗；}/style脚本类型=' text/JavaScript ' src=' timer。js/script/head body on load=' timer()' div=' Dao Jishi ' H2剩余时间为：/H2 div id='计时器'/div/div/body/html计时器。js:

函数timer() { var ts=(new Date(2018，11，11，9，0，0))-(new Date())；//计算剩余的毫秒数var DD=parsent(ts/1000/60/60/24，10)；//计算剩余的天数var hh=parsent(ts/1000/60/60% 24，10)；//计算剩余的小时数var mm=parseInt(ts/1000/60 % 60，10)；//计算剩余的分钟数var ss=parseInt(ts/1000 % 60，10)；//计算剩余的秒数DD=检查时间(DD)；hh=CheckTiME(hh)；毫米=检查时间（毫米);ss=CheckTiME(ss)；document.getElementById('timer ').innerHTML=dd '天啊时嗯分' ss '秒；setInterval('timer()'，1000)；}函数check time(I){ if(I ^ 10){ I=' 0 ' I；}返回我；}运行效果截图如下：

再来看看另一个射流研究…倒计时效果：

！doctype html html head meta charset=' utf-8 ' title倒计时射流研究…代码/title/headdydiv id=' countmgsh ' class=' HotDate ' span id=' t _ d ' 00天/span span id='t_h'00时/span span id='t_m'00分/span span id='t_s'00秒/span/div脚本类型=' text/JavaScript '函数getRTime(){ var EndTime=new Date(' 2016/05/1 10:00:00 ')；//截止时间var NowTime=新日期();var t=结束时间。gettime()-nowtime。gettime()；/* var d=数学。地板(t/1000/60/60/24)；t-=d *(1000 * 60 * 60 * 24)；var h=数学。地板(t/1000/60/60)；t-=h * 60 * 60 * 1000；var m=数学。楼层(t/1000/60)；t-=m * 60 * 1000；var s=数学。楼层(t/1000)；*/var d=数学。地板(t/1000/60/60/24)；var h=数学。下限(t/1000/60/60 $)；var m=数学。地板(t/1000/60 `)；var s=数学。楼层(t/1000 `)；document.getElementById('t_d ').innerHTML=d '天；document.getElementById('t_h ').innerHTML=h '时；document.getElementById('t_m ').innerHTML=m '分；document.getElementById('t_s ').innerHTML=s '秒；} setInterval(getRTime，1000)；/脚本/正文/html运行效果截图如下：

读者可以按照自己的喜好选择一款倒计时代码使用。

希望本文所述对大家Java脚本语言程序设计有所帮助。