简单实现射流研究…倒计时效果

本文实例为大家分享了射流研究…倒计时效果的具体代码，供大家参考，具体内容如下

Index.html

！DOCTYPE html html head meta charset=' utf-8 '/title倒计时/title脚本函数Totwo(n){ if(n9){ return ' ' n；} else { return ' 0 ' n；} }窗口。onload=function(){ var oBox=document。getelementbyid(' box ')；var aImg=obox。getelementsbytagname(' img ')；函数time(){ var end Date=new Date(' 2016/12/25 00:00:00 ')；var my Date=新日期()；var str=var t=结束日期。GetTime()-我的约会对象。GetTime()；str=toTwo(数学。floor(t/1000/60/60/24))toTwo(数学。floor(t/1000/60/60 $)Totwo(数学。floor(t/1000/60 `) to two(数学。下限(t/1000 `);for(var I=0；iaImg.lengthi ) { aImg[i].src='images/' str[i]' .png '；} } time()；setInterval(时间，1000);};/script style # box { width :1000 px；高度：200 pxfont-size :14 px线高：100 pxmargin : auto } # box img { width :30 px高度：60 px}/style/head body div id=' box ' img src=' http : images/0。png '/img src=' http : images/0。png‘/天： img src=' http : images/0。png '/img src=' http : images/0。png‘/时： img src=' http : images/0。png '/img src=' http : images/0。png‘/分： img src=' http : images/0。png '/img src=' http : images/0。png‘/秒/div /body/html运行结果如图：

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