通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:
setTimeout()
未来的某时执行代码
clearTimeout()
取消
setTimeout()
实例
代码如下 |
复制代码 |
function countdown(v,oid){
if(v==true){//先用ajax取得倒计时的基数(只有第一次运行这个函数的时候才会做)
$.get('json/get_countdown.php',function(data){
dtime = data;//得到秒
id = 'countdown';
t=setTimeout('countdown(false,'+oid+')',1000);
});
}else if(v==false){
clearTimeout(t);//这句很重要,不加这句的话在多次刷新页面的时候,倒计时会走的更快
h=checkTime(parseInt(dtime/3600));//计算小时
m=checkTime(parseInt(dtime/60%60));//计算分钟
s=checkTime(parseInt(dtime%60));//计算秒
$('#'+id).html(h+":"+m+":"+s);//将倒计时显示在一个html标签里面
dtime=dtime-1;
setTimeout('countdown(false,'+oid+')',1000);
|
调用方法很简单 countdonw(v,id)即可。
再看一个
代码如下 |
复制代码 |
演示实例:倒计时效果-精确到秒
今天距离
XX
还有
XX天
XX时
XX分
XX秒
|