setInterval与setTimeout浅析

最新推荐文章于 2025-04-10 11:23:35 发布

JAVAnuonuo

最新推荐文章于 2025-04-10 11:23:35 发布

阅读量241

点赞数

文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/weixin_46383723/article/details/107409765

版权

本文探讨了JavaScript中的setInterval和setTimeout的区别。setInterval会无限次执行任务，直至被手动打断，而setTimeout则仅执行一次。通过示例说明了如何控制它们的执行，如设置中断操作。

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

setInterval：执行无限次，直到被打断

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			function test(){
				console.log(1111);
			}
			
			var id = setInterval("test()",1000);
			
			function b(){
				id = setInterval("test()",1000);
			}
			
			function c(){
				clearInterval(id);
			}
		</script>
		<input type="button" value="开始" onclick="b()" />
		<input type="button" value="停止" onclick="c()" />
	</body>
</html>

运行十次之后被打断，点击开始会再次运行。

setTimeout：只执行一次，可以被打断

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script>
			function test(){
				console.log(1111);
			}
			var id = setTimeout("test()",5000);
			/*clearTimeout(id);*/
		</script>
	</body>
</html>