<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
// 抓取元素
var spans= document.getElementsByTagName('span');
daojishi(2017,6,9,11,43,0);
function daojishi(Y,M,D,H,Min,S){
// 获取时间
var newTime = new Date();
// 获取放假的时间
var overTime = new Date(Y,M,D,H,Min,S);
// 将放假时间和当前时间全部转换成时间节点
var newInterval = newTime.getTime();
var overInterval = overTime.getTime();
// 计算时间差
var timer = overInterval- newInterval;
// 获得天数
var day = parseInt(timer/(24*60*60*1000));
// 去掉天数剩下的时间
timer = timer%(24*60*60*1000);
// 获得小时数
var hour = parseInt(timer/(60*60*1000));
// 去掉小时数剩下的时间
timer = timer%(60*60*1000);
// 获得分钟数
var min = parseInt(timer/(60*1000));
// 去掉分钟数数剩下的时间
timer = timer%(60*1000);
// 获得秒数
var s = parseInt(timer/(1000));
spans[0].innerHTML = day;
spans[1].innerHTML = hour;
spans[2].innerHTML = min;
if(s<10){
spans[3].innerHTML = '0'+s;
}else{
spans[3].innerHTML = s;
}
}
setInterval(function(){
daojishi(2017,6,9,11,43,0);
},1000)
}
</script>
</head>
<body>
<h1>距离放假还有<span></span>天<span></span>小时<span></span>分钟<span></span>秒</h1>
</body>
</html>
js倒计时代码
最新推荐文章于 2022-04-12 17:21:59 发布