jquery实现倒计时功能
本文实例为大家分享了jquery倒计时功能的实现代码，供大家参考，具体内容如下
定义和用法：
setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。
下面举例
<html>
<head>
<metacharset="utf-8">
<title>jquery简单倒计时</title>
</style>
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript">
varintDiff=parseInt(60);//倒计时总秒数量
functiontimer(intDiff){
window.setInterval(function(){
varday=0,
hour=0,
minute=0,
second=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);
}
if(minute<=9)
minute='0'+minute;
if(second<=9)
second='0'+second;
$('#day_show').html(day+"天");
$('#hour_show').html('<sid="h"></s>'+hour+'时');
$('#minute_show').html('<s></s>'+minute+'分');
$('#second_show').html('<s></s>'+second+'秒');
intDiff--;
},1000);
}
$(function(){
timer(intDiff);
});
</script>
</head>
<body>
<h1>网页上的倒计时</h1>
<divclass="time-item">
<spanid="day_show">0天</span>
<strongid="hour_show">0时</strong>
<strongid="minute_show">0分</strong>
<strongid="second_show">0秒</strong>
</div>
<!--倒计时模块-->
</body>
</html>
更多关于倒计时的文章请查看专题：《倒计时功能》
希望本文所述对大家学习jquery程序设计有所帮助。