web倒计时代码

最新推荐文章于 2022-11-21 11:21:39 发布

Revival_Liang

最新推荐文章于 2022-11-21 11:21:39 发布

阅读量4k

点赞数 3

分类专栏： web

本文链接：https://blog.csdn.net/revival_liang/article/details/69669047

版权

web 专栏收录该内容

75 篇文章 0 订阅

订阅专栏

如果对你有帮助请在下面顶一个谢谢哈哈

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<script type="text/javascript" src="js/jquery-1.9.0.min.js" ></script>
</head>
<body>
	<!--设置为倒计时为1000秒-->
	<span id="parameter" count_down="1000"></span>
</body>
<script>
	function lepaiclockdone() {
	setTimeout("lepaiclockdone()", 1000);
	//进行显示倒计时的元素
	$("#parameter").each(function() {
		var obj = $(this);
		//获取时间戳即可
		var tms = obj.attr("count_down");
		var t = obj.attr("timestatus");
		if(t == 2) {
			var html = '距结束：';
		} else {
			var html = '距开始：';
		}
		if(tms > 0) {
			tms = parseInt(tms) - 1;
			var days = Math.floor(tms / (1 * 60 * 60 * 24));
			var hours = Math.floor(tms / (1 * 60 * 60)) % 24;
			var minutes = Math.floor(tms / (1 * 60)) % 60;
			var seconds = Math.floor(tms / 1) % 60;

			if(days > 0) {
				html += days + "天";
			}
			if(hours > 0) {
				html += hours + "时";
			}
			if(minutes > 0) {
				html += minutes + "分";
			}
			html += parseInt(seconds) + "秒";
			obj.html(html);
			obj.attr("count_down", tms);
		} else if(tms == 0) {
			// location.href = location.href;
		}
	});
}
lepaiclockdone(); //启动倒计时
	</script>
</html>