setTimeout()和setInterval()的区别

最新推荐文章于 2024-05-30 11:27:58 发布

money man

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量89

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44509349/article/details/124485823

版权

参考 https://www.itcast.cn/news/20200824/15403423564.shtml

setTimeout(func,millisec)

func只在millisec毫秒后执行一次。
·setTimeout用于延迟执行某方法或功能。节流与防抖中可以用到。

setInterval(func,millisec)

自创建后每millisec毫秒后执行一次func。
想要停止需要使用 clearInterval()；

·setInterval一般用于刷新表单，对于一些表单的假实时指定时间刷新同步
。可以用于计时，我在发送邮箱验证码按钮禁用读秒时用到过。

下边是一个计时器小例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script>	
			var num = 0;
			var timeout = null;
			function Stop(){
				clearInterval(timeout);
			}
			function Start(){
				timeout = setInterval(function (){
					var p = document.getElementById("demo");
					num++;
					p.innerHTML = num;
				},1000);
			}
		</script>
	</head>
	<body>
		<button onclick="Start()">开始</button>
		<button onclick="Stop()">结束</button>
		<p id="demo">0</p>
	</body>
</html>

money man

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setTimeout()和setInterval()的区别

参考 https://www.itcast.cn/news/20200824/15403423564.shtmlsetTimeout(func,millisec)func只在millisec毫秒后执行一次。·setTimeout用于延迟执行某方法或功能。节流与防抖中可以用到。setInterval(func,millisec)自创建后每millisec毫秒后执行一次func。想要停止需要使用 clearInterval()；·setInterval一般用于刷新表单，对于一些表单的假实时.
复制链接

扫一扫