html 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0;padding: 0;} .outer{ width: 581px; height: 60px; overflow: hidden; border: 1px solid #ccc; margin: 10px auto; } .content{ width: 50px; height:20px; float: left; border: 1px dashed #c0c0c0; margin: 10px 3px; text-align: center; line-height: 20px; } </style> </head> <body> <div class="outer"> <h3>距春节还剩:</h3> <div class="content"></div> <div class="content">天</div> <div class="content"></div> <div class="content">小时</div> <div class="content"></div> <div class="content">分钟</div> <div class="content"></div> <div class="content">秒</div> <div class="content"></div> <div class="content">毫秒</div> </div> </body> <script> function byClass(className){//全局获取 var tags=document.all?document.all:document.getElementsByTagName(‘*’); var arr=[]; for(var i=0;i<tags.length;i++){ if(tags[i].className==className){ arr.push(tags[i]); } } return arr; } function byClass2(parentId,className){//局部获取 var parent=document.getElementById(parentId); var tags=parent.all?parent.all:parent.getElementsByTagName(‘*’); var arr=[]; for(var i=0;i<tags.length;i++){ if(tags[i].className==className){ arr.push(tags[i]); } } return arr; } </script> <script> var divs=byClass("content"); var timer=null; var set=new Date("2017/01/28 00:00:00"); var end=set.getTime();//获取从1970年1月1日8点到设置日期的所有毫秒数 timer=setInterval(function(){ var now=new Date(); var start=now.getTime();//获取从1970年1月1日8点到当前时间的所有毫秒数 var total=end-start;//当前时间距设置时间的所有毫秒数 var days=parseInt(total/(1000*60*60*24));//转换后整天数 var hours=parseInt(total%(1000*60*60*24)/(1000*60*60));//转换后整小时数 var minutes=parseInt(total%(1000*60*60)/(1000*60));//转换后整分钟数 var seconds=parseInt(total%(1000*60)/1000);//转换后整秒数 var milliseconds=total%1000; divs[0].innerHTML=days; divs[2].innerHTML=hours; divs[4].innerHTML=minutes; divs[6].innerHTML=seconds; divs[8].innerHTML=milliseconds; },1); </script> </html>
评论前必须登录!
注册