<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
#box{width:400px;
height: 200px;
background:pink;
margin: 60px auto;
text-align: center;
line-height: 200px;
color:#fff;}
</style>
<script type="text/javascript">
function init()
{
window.setInterval("stat()",1000);
}
function stat()
{
//time1表示当前的时间毫秒值
var time1=new Date().getTime();
//time2表示2017年10月1日的毫秒值
var time2=new Date("2017/10/01 00:00:00").getTime();
time=time2-time1;
//得到整数天
var day=Math.floor(time/86400000);
time=time-day*86400000;
//得到时整数时
var hour=Math.floor(time/3600000);
time=time-hour*3600000;
//得到分整数
var minutes=Math.floor(time/60000);
time=time-minutes*60000;
//得到秒
var seconds=Math.floor(time/1000);
//判断天时分秒为一位数时
day<10?"0"+day:day;
hour<10?hour="0"+hour:hour;
seconds<10?seconds="0"+seconds:seconds;
minutes<10?"0"+minutes:minutes;
//获取box对象的id
var obj=document.getElementById("box");
obj.innerHTML="距离2017年10月1日还剩"+day+"天"+hour+"时"+minutes+"分"+seconds+"秒";
}
</script>
</head>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
#box{width:400px;
height: 200px;
background:pink;
margin: 60px auto;
text-align: center;
line-height: 200px;
color:#fff;}
</style>
<script type="text/javascript">
function init()
{
window.setInterval("stat()",1000);
}
function stat()
{
//time1表示当前的时间毫秒值
var time1=new Date().getTime();
//time2表示2017年10月1日的毫秒值
var time2=new Date("2017/10/01 00:00:00").getTime();
time=time2-time1;
//得到整数天
var day=Math.floor(time/86400000);
time=time-day*86400000;
//得到时整数时
var hour=Math.floor(time/3600000);
time=time-hour*3600000;
//得到分整数
var minutes=Math.floor(time/60000);
time=time-minutes*60000;
//得到秒
var seconds=Math.floor(time/1000);
//判断天时分秒为一位数时
day<10?"0"+day:day;
hour<10?hour="0"+hour:hour;
seconds<10?seconds="0"+seconds:seconds;
minutes<10?"0"+minutes:minutes;
//获取box对象的id
var obj=document.getElementById("box");
obj.innerHTML="距离2017年10月1日还剩"+day+"天"+hour+"时"+minutes+"分"+seconds+"秒";
}
</script>
</head>
<body onload="init()">
定时器:var a=window.setInterval("fn()",1000);每隔1秒后调一次函数;
延时器:var b=window.setTimeout("fn()",1000);1秒后调该函数一次;
清除定时器:clearInterval(a);clearTimeout(b);
<div id="box"></div></body>
</html>