距春节倒计时(^__^) 嘻嘻……

由前端开发者 · 发布于 2018年11月6日12:00:52 · 更新于 2018年11月6日15:09:17

摘要：html 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0……

html 代码

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

» 本文来自：前端开发者 » 《距春节倒计时(*^__^*) 嘻嘻……》

» 本文链接地址：https://www.rokub.com/8826.html

» 您也可以订阅本站：https://www.rokub.com