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程序设计有所帮助。