js写了一个关于时间的定时器setinterval

最新推荐文章于 2025-06-27 12:04:25 发布

原创最新推荐文章于 2025-06-27 12:04:25 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#interval

前台专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现了实时更新的时间显示功能，并提供了开始和停止时间更新的按钮。通过定时器和日期对象，演示了如何在网页上动态展示分钟、秒和毫秒。

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>setiner</title>
	</head>
	<body>
		<div id="are">
			<span id="timeare">
				
			</span><br>
			<input type="button" id="btn1" value="start" onclick="start(this.id)" />
			<input type="button" id="btn1" value="stop" onclick="stop(this.id)" />
			
		</div>
		<script type="text/javascript">
			var timer;
			timer=setInterval("dat()",500);
			function dat(){
				var date = new Date();
				var time=date.getMinutes() + ':' + date.getSeconds() + ':' + date.getMilliseconds();
            	document.getElementById("timeare").innerHTML=time;
			}
			function start(){
				timer =setInterval("dat()",1000);
			}
			function stop(){
				clearInterval(timer);
			}
			var num = 0;
        var i = setInterval(function() {
            num++;
            if (num > 10)
                clearInterval(i);
        }, 1000);
		</script>
	</body>
</html>