<html>
<head>
<meta charset="UTF-8">
<title>倒计时</title>
</head>
<body>
<div>
<span id="_d">00</span><span id="_h">00</span><span id="_m">00</span><span id="_s">00</span></div>
</body>
</html>
<script type="text/javascript">
window.addEventListener('load', function() {
countTime();
})
function countTime() {
var date = new Date();
var now = date.getTime();
var str = "2017/7/8 00:00:00"; //特别的日子
var endDate = new Date(str);
var end = endDate.getTime();
var leftTime = now - end;
var d, h, m, s;
if(leftTime >= 0) {
d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
m = Math.floor(leftTime / 1000 / 60 % 60);
s = Math.floor(leftTime / 1000 % 60);
}
document.getElementById("_d").innerHTML = d + "天";
document.getElementById("_h").innerHTML = h + "时";
document.getElementById("_m").innerHTML = m + "分";
document.getElementById("_s").innerHTML = s + "秒";
//递归每秒调用countTime方法,显示动态时间效果
setTimeout(countTime, 1000);
}
</script>
倒计时小demo
猜你喜欢
转载自blog.csdn.net/szw_18583757301/article/details/80024037
今日推荐
周排行