首页 > 网站 > WEB开发 > 正文

倒计时

2024-04-27 15:08:02
字体:
来源:转载
供稿:网友

也许这是最后一个寒假,总感觉和父母在一起的时间越来越短暂,时间抓也抓不住,匆匆从指缝溜走!啥也不说了,用代码看看距离离家还有几个小时吧!

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/CSS"> *{ margin: 0; padding: 0; } body{ font-size: 30px; text-align: center; color: red; } </style> <script type="text/javascript"> window.onload = function(){ var box = document.getElementById("box"); //最终时间 var endTime = new Date("2017/2/13 13:30:00"); var timer = null; timer = setInterval(clock,1000); function clock(){ // 获取最新的时 var nowTime = new Date(); // 用(将来的时间毫秒 - 现在的毫秒)/ 1000 得到的 还剩下多少秒 要 取整 var second = parseInt((endTime.getTime()-nowTime.getTime())/1000); // 一小时3600 秒 var d = parseInt(second / 3600 / 24);//获取天数 var h = parseInt(second /3600 % 24);// 获取小时 var m = parseInt(second / 60 %60);//获取分钟 var s = parseInt(second % 60);//获取秒数 d < 10 ? d="0" + d : d; h < 10 ? h="0" + h : h; m < 10 ? m="0" + m : m; s < 10 ? s="0" + s : s; box.innerHTML = "距离开学时间还剩:"+d+"天"+h+"小时"+m+"分钟"+s+"秒"; if (second < 0) { box.innerHTML="已经开学了哟!!!"; clearInterval(timer); } } } </script> </head> <body> <div class="box" id="box"> </div> </body></html>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表