需求分析:
我想做一个固定的时间倒计时效果。比如某个活动在4小时后结束,点击网页触发倒计时事件,开始4小时倒计时。考虑使用setInterval计时器。时间为0后,clearInterval清除定时器。
代码示例:
写一个span用于显示,记得引用jQuery
HTML:
JS:
$(函数(){
vartimeInt=setInterval(function(){leftTimer();},1000);//开始倒计时
varleftTime=14400000;//剩余毫秒数
函数leftTimer(){
如果(左时间==0){
clearInterval(timeInt);
}别的{
var天=parseInt(leftTime/1000/60/60/24,10);//计算剩余天数
varhours=parseInt(leftTime/1000/60/60%24,10);//计算剩余小时数
varminutes=parseInt(leftTime/1000/60%60,10);//计算剩余分钟数
varseconds=parseInt(leftTime/1000%60,10);//计算剩余秒数
天=检查时间(天);
小时=检查时间(小时);
分钟=检查时间(分钟);
秒=检查时间(秒);
$("#timer").html(天+"天"+小时+"小时"+分钟+"分钟"+秒+"秒");
leftTime=leftTime-1000;
}
}
functioncheckTime(i){//在数字0-9前加0,例子1变成01
如果(我<10)
{
i="0"+i;
}
返回我;
}
});
影响:
参考:
谢谢!
版权声明:该内容为言词句集网所有,严禁转载、复制、镜像。