【JS练习】定时调用

最新推荐文章于 2022-10-27 00:22:17 发布

小王今天更新了吗

最新推荐文章于 2022-10-27 00:22:17 发布

阅读量119

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_44895477/article/details/117019872

版权

前端专栏收录该内容

34 篇文章 0 订阅

订阅专栏

定时调用

setInterval(回调函数，间隔时间)

var timer=setInterval(fun,1000);

清除定时调用

clearInterval(定时调用的返回值)

clearInterval(timer)

计时器：从0~60s
刚开始一直没出来结果，发现是在时间间隔里面多写了ms，默认是加了单位的，我们不需要自己写ms

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script type="text/javascript">
			window.onload=function(){
				var count=document.getElementById("count");
				var num=1;
				
				var timer=setInterval(function(){
					count.innerHTML=num++;
					if(num > 60){
					clearInterval(timer);
				}
				},1000);
				
			}
			
		</script>
	</head>
	<body>
	<h1 id="count"></h1>
	</body>
</html>

延时调用

setTimeout
setTimeout(回调函数，间隔时间)

关闭延时调用

clearTimeout
clearTimeout(延时调用的返回值)

延时调用只会执行一次，而定时调用是间隔一定的时间不断执行

小王今天更新了吗

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JS练习】定时调用

定时调用setInterval(回调函数，间隔时间)var timer=setInterval(fun,1000);清除定时调用clearInterval(定时调用的返回值)clearInterval(timer)计时器：从0~60s刚开始一直没出来结果，发现是在时间间隔里面多写了ms，默认是加了单位的，我们不需要自己写ms<!DOCTYPE html><html> <head> <meta charset="utf-8">.
复制链接

扫一扫

专栏目录