html5在线天数计时器,HTML倒计时效果:天、时、分、秒 | 固定时间倒计时

 2025-05-03  阅读 32  评论 0

摘要:需求分析:我想做一个固

需求分析:

我想做一个固定的时间倒计时效果。比如某个活动在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;

}

返回我;

}

});

影响:

参考:

谢谢!

版权声明:该内容为言词句集网所有,严禁转载、复制、镜像。

原文链接:https://yancijuji.com/juzi/7187.html

发表评论:

管理员

  • 内容310628
  • 积分0
  • 金币0
关于我们
言词句集网是一个优质内容分享平台,主要为大家分享一些句子、说说、名言、读后感等内容,如果大家觉得身边有一些正能量的内容也可以投稿给我们。
联系方式
电话:
地址:广东省东莞市
Email:admin@qq.com

Copyright © 2022 言词句集网(yancijuji.com) Inc. 保留所有权利。

页面耗时0.0423秒, 内存占用1.73 MB, 访问数据库16次

粤ICP备2021108076号