javascript实现数字倒计时特效

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

效果图：

html health eta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejavascript实现的倒计时时钟/titlestylebody，div { margin:0划水：0;} body { color : # ffffont :16 px/1.5 \ 5 FAE \ 8f 6f \ 96 C5 \ 9ed 1；} #倒计时{宽度：300像素文本对齐：居中；背景技术# 1a 1a 1 margin 3 336010 px汽车；padd :20 px 0；}输入{ border:0宽度宽度：283px高度：50 px光标：指针指针；页边距-顶部：20 px背景：网址(//www . un . org。JB 51。net/jscss/demo img/201210/BTN-1。png)不重复；}输入。取消{背景-位置：0-50px；} span { color: # 000宽度：80 px线高：2;背景# fbfbfbborder:2px实心# B4 B4margin :0 10pxpadding :0 10px }/style script window。onload=function(){ var oCountDown=document。getelementbyid('倒计时');var aInput=ocountdown。getelementsbytagname(' input ')[0]；定义变量计时器=nullainput。onclick=function(){ this。类名='？(timer=setInterval(updateTime，1000)，updateTime()):(clearInterval(timer))；this.className=this.className="？取消":";};函数格式(a){返回a.toString().replace(/^(\d)$/,'0$1')}function更新时间(){ var aspan=ocountdown。getelementsbytagname(' span ')；var oremain=aspan[0].innerhtml.replace(/^0/,'')* 60 parseint(aspan[1].innerhtml.replace(/^0/,'')；if(oRemain=0){clearInterval(定时器);return } OreMain-；aSpan[0].innerHTML=format(parsent(OreMain/60))；oRemain %=60aSpan[1]。innerHTML=format(ParSeint(OreMain))；} }/script/head dydiv id='倒计时span01/span分钟跨度40/跨度秒输入类型='按钮'值='' //div代码特效/body/html如果觉得还不过瘾大家可以参考此专题进行深入学习：js倒计时汇总

希望本文所述对大家学习爪哇岛描述语言程序设计有所帮助。