jq倒计时天，时，分，秒

最新推荐文章于 2023-05-12 10:28:09 发布

hangGe0111

最新推荐文章于 2023-05-12 10:28:09 发布

阅读量2k

点赞数

分类专栏： js 文章标签：倒计时 jq

本文链接：https://blog.csdn.net/hangGe0111/article/details/80965214

版权

该博客介绍了如何使用jq库来创建一个显示天、时、分、秒的倒计时器。内容包括HTML结构设置、JavaScript代码实现，并特别提到在处理月份时需要注意减1以避免时间计算错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.HTML部分

<span class="joind">135</span>天<span class="joinh">7</span>时<span class="joinm">46</span>分<span class="joins">25</span>秒

2.js部分

<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var setTimer = null;
	var chazhi = 0;
	//差值计算
	//例子(模拟)
	chazhi = 135 * 86400000;

	//真实时间(注意月份需减掉1，否则时间会计算错误)
	//chazhi = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //计算剩余的毫秒数
	//chazhi = (new Date(2018,8-1,6,6,6,6)) - (new Date());
	
	//执行函数部分
	countFunc(chazhi);
	setTimer = setInterval(function() {
		chazhi = chazhi - 1000;
		countFunc(chazhi);
	}, 1000);
	function countFunc(leftTime) {
		if(left

最低0.47元/天解锁文章