javascript 定时器

最新推荐文章于 2025-07-28 20:29:32 发布

qq_37295810

最新推荐文章于 2025-07-28 20:29:32 发布

阅读量171

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_37295810/article/details/55041738

本文介绍了JavaScript中定时器的使用方法，包括如何通过setInterval启动定时器以每秒执行特定任务，以及如何通过clearInterval停止定时器。通过示例代码展示了定时器在网页应用中的实际运用。

开启定时器 setInterval

<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<title>无标题文档</title>
		<script>
			function show() {
				alert('a');
			}
			setInterval(show, 1000);
		</script>
	</head>

	<body></body>

</html>

关闭定时器clearInterval

<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<title>无标题文档</title>
		<script>
			window.onload = function() {
				var oBtn1 = document.getElementById('btn1');
				var oBtn2 = document.getElementById('btn2');
				var timer = null;
				oBtn1.onclick = function() {
					timer = setInterval(function() {
						alert('a');
					}, 1000);
				};
				oBtn2.onclick = function() {
					clearInterval(timer);
				};
			};
		</script>
	</head>

	<body><input id="btn1" type="button" value="开启" /><input id="btn2" type="button" value="关闭" /></body>

</html>