计时器setInterval
setInterval(function(){},time);
每隔几秒要执行一个动作函数时就需要一个计时器。
倒计时:(基于jquery)
<script type="text/javascript">
var intDiff = parseInt(300000);//定义总共要倒计时多少秒
function time(){
var day=0;
var hour=0;
var second=0;
var minute=0;
if(intDiff>0){
day = Math.floor(intDiff / (60 * 60 * 24));
hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
}
$('#day').html(day+"天");
$('#hour').html(hour+'时');
$('#minute').html(minute+'分');
$('#second').html(second+'秒');
intDiff--;
if(minute<9) minute="0"+minute;
if(second<9) second="0"+second;
}
$(function(){
time();//页面加载时先调用函数再去调用定时器。
setInterval(time,1000);
});
</script>
<body>
<div style="float:left;margin-right:10px;" id="day"></div>
<div style="float:left;margin-right:10px;" id="hour"></div>
<div style="float:left;margin-right:10px;" id="minute"></div>
<div style="float:left;margin-right:10px;" id="second"></div>
</body>