网页时钟

最新推荐文章于 2023-12-04 19:29:12 发布

原创最新推荐文章于 2023-12-04 19:29:12 发布 · 569 阅读

0 ·

CC 4.0 BY-SA版权

☆ BS之旅同时被 2 个专栏收录

26 篇文章

订阅专栏

-----js

8 篇文章

订阅专栏

本文介绍了JavaScript中定时器的两种类型：setTimeout和setInterval，并通过一个显示当前时间的例子展示了它们的具体用法。setTimeout用于执行一次性的定时任务，而setInterval则适用于需要重复执行的任务。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function startTime(){
				var today=new Date();
				var h=today.getHours();
				var m=today.getMinutes();
				var s=today.getSeconds();
				
				m=checkTime(m);
				s=checkTime(s);
				document.getElementById('txt').innerHTML=h+":"+m+":"+s;
				t=setTimeout('startTime()',500)
			}
			function checkTime(i){
				if(i<10){i="0"+i}
				return i;
			}
		</script>
	</head>
	<body onload="startTime()">
		<div id="txt">
			
		</div>
	</body>
</html>

这里要注意setTimeOut()和SetInterval()的用法。

setTimeOut(function(),毫秒值)：执行一次的定时器；

SetInterval(function(),毫秒值)：执行多次的定时器。