好资源导航 » 文章资讯 » jQuery 实现倒计时天,时,分,秒功能

jQuery 实现倒计时天,时,分,秒功能

2023-09-09 14:49:04 62

1.HTML部分

135天7时46分25秒

2.js部分



varsetTimer=null;
varchazhi=0;
//差值计算
//例子(模拟)
chazhi=135*86400000;
//真实时间(注意月份需减掉1，否则时间会计算错误)
//chazhi=(newDate(year,month-1,day,hour,minute,second))-(newDate());//计算剩余的毫秒数
//chazhi=(newDate(2018,8-1,6,6,6,6))-(newDate());

//执行函数部分
countFunc(chazhi);
setTimer=setInterval(function(){
chazhi=chazhi-1000;
countFunc(chazhi);
},1000);
functioncountFunc(leftTime){
if(leftTime>=0){
vardays=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);//计算剩余的秒数
days=checkTime(days);
hours=checkTime(hours);
minutes=checkTime(minutes);
seconds=checkTime(seconds);
$(".joind").html(days);
$(".joinh").html(hours);
$(".joinm").html(minutes);
$(".joins").html(seconds);
}else{
clearInterval(setTimer);
$(".joind").html("00");
$(".joinh").html("00");
$(".joinm").html("00");
$(".joins").html("00");
}
}
functioncheckTime(i){//将0-9的数字前面加上0，例1变为01
if(i<10){
i="0"+i;
}
returni;
}

3.说明

如果变为真实时间月份需要减1，否则时间差计算会有错误

总结

以上所述是小编给大家介绍的jQuery实现倒计时天,时,分,秒，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
514930285
czq8825@qq.com

jQuery 实现倒计时天,时,分,秒功能

热门推荐

随机推荐