倒计时

最新推荐文章于 2023-03-13 10:27:54 发布

Zoe_Wang_ing

最新推荐文章于 2023-03-13 10:27:54 发布

阅读量552

点赞数

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

本文链接：https://blog.csdn.net/Zoe_Wang_ing/article/details/43705229

版权

js 同时被 2 个专栏收录

70 篇文章 0 订阅

订阅专栏

jquery

44 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>倒计时</title>
</head>
<body>
	<span>距离本场结束
		<span id="hms">00 : 00 : 00</span>
	</span> 
	<script src="../jquery-1.9.1.js"></script>
	<script>
	$(function(){
		countDown("10","#hms");
	})
	function countDown(sys_second,id){ 
		var hour, minute, second,
			watch = $(id),
		    timer = setInterval(function(){ 
			if (sys_second > 0) { 
				
				sys_second -= 1; 
				hour = Math.floor((sys_second / 3600) % 24); 
				minute = Math.floor((sys_second / 60) % 60); 
				second = Math.floor(sys_second % 60); 
				hour=hour<10?"0"+hour:hour;//计算小时 
				minute=minute<10?"0"+minute:minute;//计算分钟 
				second=second<10?"0"+second:second;//计算秒杀 
				watch.text(hour).append(" : ").append(minute).append(" : ").append(second);
			} else { 
				clearInterval(timer);
			} 
		}, 1000); 
	} 


	</script>	
</body>
</html>

Zoe_Wang_ing

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
倒计时

倒计时距离本场结束 00 : 00 : 00 $(function(){ countDown("10","#hms"); }) function countDown(sys_second,id){ var hour, minute, second, watch = $(id), timer = setInterval(function()
复制链接

扫一扫

专栏目录