admin管理员组

文章数量:815885

JS倒计时

人生最重要的是树立一个远大的目标,并下定决心去实现它. (歌德)


Index.html

<!DOCTYPE html>
<html><head> <meta charset="utf-8" /> <title>倒计时</title> <script>
function toTwo(n)
{if(n>9){return ''+n;  }else{return '0'+n; }
}
window.onload=function(){var oBox=document.getElementById('box');var aImg=oBox.getElementsByTagName('img');function time(){var enddate=new Date('2016/12/25 00:00:00');var mydate=new Date(); var str='';var t=enddate.getTime()-mydate.getTime();str=toTwo(Math.floor(t/1000/60/60/24))+toTwo(Math.floor(t/1000/60/60%24))+toTwo(Math.floor(t/1000/60%60))+toTwo(Math.floor(t/1000%60));for(var i=0;i<aImg.length;i++){aImg[i].src='images/'+str[i]+'.png';     }}time();setInterval(time,1000);};
</script> <style>
#box { width:1000px;height:200px;font-size:14px;line-height:100px;margin:auto;}#box img{ width:30px;height:60px;}
</style> </head> <body> <div id="box"> <img src="images/0.png" /> <img src="images/0.png" /> 天: <img src="images/0.png" /> <img src="images/0.png" /> 时: <img src="images/0.png" /> <img src="images/0.png" /> 分: <img src="images/0.png" /> <img src="images/0.png" /> 秒</div>   </body>
</html>

运行结果如图:

本文标签: JS倒计时