JAVA-HTML——js中setInterval()与setTimeout()

最新推荐文章于 2022-07-27 16:26:25 发布

Mr,helios

最新推荐文章于 2022-07-27 16:26:25 发布

阅读量289

点赞数

分类专栏： html Java

本文链接：https://blog.csdn.net/amieelingbo/article/details/107409712

版权

Java 同时被 2 个专栏收录

42 篇文章 0 订阅

订阅专栏

html

11 篇文章 0 订阅

订阅专栏

setInterval()

按照指定的周期（以毫秒计）来调用函数或计算表达式。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

<script>
function run(){
				console.log(1111);
			}
var id = setInterval("run()",1000);
</script>

在这里插入图片描述

clearInterval()

取消由 setInterval() 设置的 timeout
此功能会将正在执行当中的setInterval()暂停

<script>
function c(){
				clearInterval(id);
			}
</script>
<input type="button" value="停止" onclick="c()"/>

setTimeout()

<script>
function run2(){
				console.log("abcd");
			}
var name = setTimeout("run2()",10000);
</script>

在这里插入图片描述

clearTimeout()

取消由 setTimeout() 方法设置的 timeout

<script>
function c_timeout(){
				clearTimeout(name);
			}
</script>
<input type="button" value="定时暂停" onclick="c_timeout()"/>

两者相互比较

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭；setTimeout() 只执行 code 一次，如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()；

整体比较代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function tt(){
				window.location.href = "https://www.baidu.com/";
			}
			function run(){
				console.log(1111);
			}
			function run2(){
				console.log("abcd");
			}
			var id = setInterval("run()",1000);
			function c(){
				clearInterval(id);
			}
			function s(){
				id = setInterval("run()",1000);
			}
			var name = setTimeout("run2()",10000);
			function c_timeout(){
				clearTimeout(name);
			}
		</script>
	</head>
	<body>
		<input type="button" value="停止" onclick="c()"/>
		<input type="button" value="继续" onclick="s()"/>
		<input type="button" value="定时暂停" onclick="c_timeout()"/>
	</body>
</html>

在这里插入图片描述