JavaScript 定时器

最新推荐文章于 2022-06-29 19:39:27 发布

MW0309

最新推荐文章于 2022-06-29 19:39:27 发布

阅读量279

点赞数

分类专栏： JavaScript 文章标签： javascript html5 node.js

本文链接：https://blog.csdn.net/qq_42222342/article/details/120603862

版权

JavaScript 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

1.setTimeout()定时器

window.setTimeout(调用函数，延迟的毫秒数)
setTimeout()方法用于设置一个定时器，该定时器到期后执行调用函数

注意：

window可以省略
这个调用函数可以直接写函数，或者函数名
这个调用函数可以直接写函数，或者函数名
因为定时器可能有很多，我们可以给定时器赋值一个标识符

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>定时器</title>
		<script>
		function Test1(){
			console.log('MW')
		}
		function Test2(){
			console.log('W')
		}
		var time1=setTimeout(Test1,3000)
		var time2=setTimeout(Test2,2000)
		</script>
	</head>
	<body>
	</body>
</html>

2.停止setTimeout（）定时器

window.clearTime()

3. setInterval()定时器

window.setInterval(回调函数，间隔毫秒值)
setInterval()方法重复调用一个函数，每隔这个时间，就去调用一次回调函数

注意：

window可以省略
这个调用函数可以直接写函数，或者函数名
间隔的毫秒值默认是0，如果写，必须是毫秒值，表示每隔多少毫秒执行一次这个函数
因为定时器可以有很多，所以我们经常给定时器赋值一个标识符。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>setInterval定时器</title>
		<script>
		function Test(){
			console.log("该吃药了大郎！")
		}
		setInterval(Test,2000)
		</script>
	</head>
	<body>
	</body>
</html>