setInterval与setTimeout区别

最新推荐文章于 2024-08-16 10:08:38 发布

QBjie

最新推荐文章于 2024-08-16 10:08:38 发布

阅读量126

点赞数

本文链接：https://blog.csdn.net/QBjie/article/details/107409836

版权

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<input type="button" value="提交" onclick="c()" />
		<input type="button" value="开始" onclick="d()" />
		<input type="button" value="停止" onclick="s()" />
		<script>
			function c(){
				console.log("111")
			}
			var id = setInterval("c()",1000);/*开始循环*/
			function d(){
				id = setInterval("c()",1000);/*让停止的循环开始*/
			}
			function s(){
				clearInterval(id);/*停止循环*/
                        }
		</script>
		
	</body>
</html>

setTimeout() 只执行一次，如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="button" value="提交" onclick="c()" />
		<input type="button" value="停止" onclick="s()" />
		<script>
			function c(){
				console.log("111")
			}
			var id = setTimeout("c()",5000);/*五秒后执行一次*/
                        function s(){
				clearTimeout(id);/*停止*/
			}
			
		</script>
		
	</body>
</html>