倒计时
1.秒倒计时
html:
<p id="time"></p>
js:
var time=10;
var i=0;
function djs(){
if(i<=10){
time=10-i;
i++;
document.getElementById("time").innerHtml=time;
}
}
setTimeout (function(){djs()},1000)
2.天时分秒倒计时(距离2018年11月11日9:00倒计时-今天是2017年10月31日)
html
<body onload="timer()">
<div class="daojishi">
<h2>剩余时间为:</h2>
<div id="timer"></div>
</div>
</body>
js:
function timer(){
var ts = (new Date(2018,11,11,9,0,0)) - (new Data() ) //计算剩余毫秒数
var dd = parseInt(ts / 1000 / 60 / 60 / 24, 10); //计算剩余天数
var hh = parseInt(ts / 1000 / 60 / 60 % 24, 10); //计算剩余小时数
var mm = parseInt(ts / 1000 / 60 % 60, 10); //计算剩余分钟数
var ss = parseInt(ts / 1000 % 60, 10); //计算剩余秒数
dd = checkTime(dd);
hh = checkTime(hh);
mm = checkTime(mm);
ss = checkTime(ss);
document.getElementById("timer").innerHTML = dd + '天' + hh+ '时' + mm+ '分' + ss + '秒';
setInterval("timer()",1000);
}
function checkTime(i){
if(i<10){
i="0" + i ;
}
return i;
}