你的位置:首页 > 软件开发 > Java > js实现倒计时及时间对象

js实现倒计时及时间对象

发布时间:2016-11-15 00:02:38
JS实现倒计时效果代码如下: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title ...

js实现倒计时及时间对象

JS实现倒计时效果代码如下:

 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title>h 6 <style> 7 #box { 8   width: 100%; 9   height: 400px;10   background: black;11   color: #fff;12   font-size:40px;13   line-height:400px;14   text-align:center;15 }16 </style>17 <script>18 window.onload = function(){19   var oBox = document.getElementById('box');20   var oDate = new Date();//获取当前时间;21   oDate.setFullYear(2016,11,31);//自动进位;22   oDate.setHours(0,0,0,0);23 24   function countDown(){25     //未来时间戳减去现在时间的时间戳;26     var ms = oDate.getTime() - new Date().getTime();27 28     //毫秒转换成秒29     var oSec = parseInt(ms/1000);30 31     //秒转换成天32     var oDay = parseInt(oSec/86400);33 34     //不到一天剩下的秒数;35     oSec%=86400;36 37     //转换成小时38     var oHour = parseInt(oSec/3600);39 40     //不到一小时剩下的秒数;41     oSec%=3600;42 43     //转换成分钟44     var oMin = parseInt(oSec/60);45 46     //不到一分钟剩下的秒数;47     oSec%=60;48 49     oBox.innerHTML = '距离2016年12月31日还有:'+oDay+'天'+oHour+'时'+oMin+'分'+oSec+'秒';50   }  51   countDown();52   setInterval(countDown,1000);53 }54 </script>55 </head>56 57 <body>58 <div id="box">距离2016年12月31日还有:xx天xx时xx分xx秒</div>59 </body>60 </html>

原标题:js实现倒计时及时间对象

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。