您的位置：首页 > Web前端 > JavaScript

js指定日期倒计时，距离五一放假还有多久

2018-01-05 16:54 633 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js倒计时</title>
</head>
<body>
<div>距离今年五一放假还有:
<span id="clock"></span>
</div>

<script>
//			指定日期倒计时:距离五月一号还有多久
var obj = document.getElementById("clock");
var endTime = new Date();
//设置月份5月1号，参数1十月份，月份是从0开始，参数2是天
//不清楚的可以去看看 http://www.runoob.com/jsref/jsref-setmonth.html endTime.setMonth(4,1);
//设置小时，分钟，秒，毫秒
//不清楚的可以去看看 http://www.runoob.com/jsref/jsref-sethours.html endTime.setHours(0,0,0,1);
//定时器一直重复执行
//不清除的可以去看看 http://www.runoob.com/jsref/met-win-setinterval.html window.setInterval(myFun,1);
function myFun(){
var startTime = new Date();
//				思路很简单,用设置的未来时间5月1号减去现在的时间,然后转换成天数,小时,分钟,秒数
var num = endTime.getTime()-startTime.getTime();
var day = parseInt(num/1000/60/60/24);
var hh = parseInt((num/1000/60/60/24 - day)*24)
var mm = parseInt(((num/1000/60/60/24 - day)*24-hh)*60)
var ss = parseInt((((num/1000/60/60/24 - day)*24-hh)*60-mm)*60)
var ms = num % 1000
obj.innerHTML = day + "天" + hh + "小时" + mm + "分钟" + ss + "秒" + ms + "毫秒";
}
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航