100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS定时器 距离XX天还有XX的倒计时

JS定时器 距离XX天还有XX的倒计时

时间:2019-12-07 07:46:34

相关推荐

JS定时器 距离XX天还有XX的倒计时

举例,距离元旦放假还有多久:

<body><div>距离元旦放假还有</div><div id="box"></div><script type="text/javascript">// 获取元素var box = document.getElementById("box");// 调用函数timemove();// 定义函数function timemove() {// 获取当前时间var d1 = new Date();// 定义目标时间var d2 = new Date("/1/1 00:00:00");// 定义剩余时间var d = d2 - d1;// 计算剩余天数var toDay = parseInt(d / 1000 / 60 / 60 / 24);// 计算剩余小时var toHours = parseInt(d / 1000 / 60 / 60 % 24);// 计算剩余分钟var toMinutes = parseInt(d / 1000 / 60 % 60);// 计算剩余秒var toSeconds = parseInt(d / 1000 % 60);//拼接变量var time = toDay + "天" + toHours + "小时" + toMinutes + "分钟" + toSeconds + "秒";// 将拼接好的变量显示在页面box.innerHTML = time;// 调用定时器,每秒刷新var timer = setInterval(timemove, 1000);// 当剩余时间小于等于0时,停止定时器,并输出计时结束if (d <= 0) {window.clearInterval(timer);box.innerHTML = "计时结束";}}</script></body>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。