JavaScript笔记——定时调用与延时调用

一、定时调用

• 是什么：可以将一个函数，每隔一段时间执行一次

setInterval()方法实现

• 参数1：回调函数，该函数每隔一段时间被调用一次
• 参数2：每次调用间隔的时间，单位是ms
• 返回值：返回一个number类型的数据，作为定时器唯一标识

如何关闭定时器？

• clearInterval(定时器标识)关闭指定定时器

举例：
实现控制台简单计数功能
JS代码

<script type="text/javascript">
	var num =1;
	var timer = setInterval(function(){
		console.log(num++);
		if(num == 11){
			//clearInterval()可以用来关闭一个定时器，参数为定时器标识，关闭指定定时器
			clearInterval(timer);
		}
	},1000);
</script>	

二、延时调用

• 是什么：调用一个函数隔一段时间执行，且只执行一次

setTimeout()方法

• 参数1：回调函数，该函数在指定时间调用一次
• 参数2：每次调用间隔的时间，单位是ms
• 返回值：返回一个number类型的数据，作为定时器唯一标识

如何关闭？

• clearTimeout(定时器标识)

举例
实现控制台计数

<script type="text/javascript">
	var num = 1;
	var timer = setTimeout(function(){
		console.log(num++);
	},3000)
	
	//关闭延时调用
	//clearTimeout(timer);
</script>

三、定时与延时总结