BOM引导——js间歇调用和超时调用

最新推荐文章于 2021-11-09 14:41:41 发布

原创最新推荐文章于 2021-11-09 14:41:41 发布 · 195 阅读

CC 4.0 BY-SA版权

文章标签：

23 篇文章

订阅专栏

本文深入讲解JavaScript中的定时器，包括setTimeout和setInterval的使用方法，以及如何通过clearTimeout和clearInterval来有效管理定时任务，避免资源浪费。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在我们写页面的时候，总会遇到这样的需求，那就是这个代码内容需要在指定时间之后执行。
在这里，我们的JavaScript提供了setTimeout方法。用术语来说就是超时调用方法。
如下：

	setTimeout("alert('延时调用')",1000);
	上面的这个方法就是，当运行代码之后，会在1秒之后进行alert（）操作

但是上面的这种传递字符串的方法我们并不推荐，因为传递字符串的方法可能导致性能丢失，所以我们推荐下面这种方法：

	setTimeout(function(){
		alert('延时调用')
	},1000);
	这个方法与上面的方法实现同样的效果，但是这种方法更便于我们解读内容。
	clearTimeout();	
	当调用结束记得关闭，不然会一直占据着系统资源。

有时候，我们还需要每隔一段时间执行一下这个代码。这时候我们JavaScript提供了setInterval（）。用术语来说就是间歇调用方法。

例子如下：

	var num = 0;
	setInterval(function(){
		num++
		alert('间歇调用' + num)
	}，1000);
	上面这个代码就是每隔1秒便会执行一次.读者可以同个num的变化获知。

当我们需要关闭时，通过以下方法进行关闭。

	clearInterval();

有时我们可能开启多个间歇调用，这时候如何关闭指定的定时器呢？我们可以通过给定时器定义标识符，通过标识符关闭，如下：

例子如下：

	var num = 0;
	var interval = setInterval(function(){
		num++
		alert('间歇调用' + num)
	}，1000);
	定义间歇调用的名字为interval，

当我们需要关闭时，通过以下方法进行关闭。

	clearInterval(interval);
	关闭名字为interval的间歇调用。