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

本文深入讲解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的间歇调用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值