两种定时器,setInterval和setTimeout

本文深入探讨了JavaScript中的两种定时器API——setInterval和setTimeout。setInterval用于周期性执行任务,例如每秒打印当前时间,而setTimeout则在指定延迟后仅执行一次。了解它们的工作原理和应用场景对于优化JavaScript代码至关重要。
摘要由CSDN通过智能技术生成

定时器是js中基础的一种api,下面我们来简单分析下两者的区别

setInterval 计时器

这个计时器的特点是可以重复使用,

	<script type="text/javascript">
		var calc=()=>{
			var now=new Date();
			console.log(now)
		}
		
		var timer=null;
		timer=setInterval(calc,1000);

	</script>

在这里插入图片描述
上述代码,设置的是每过1000毫秒去输出当前的时间。计时器在不断重复的刷新,获取相关函数进行执行。

此外还会搭配这段代码,意思是去停止相关的计时。

clearInterval(timer);
var timer=null//释放内存

setTimeout 计时器

setTimeout这个计时器的特点是,只能使用一次,除非用回调函数,才能使其继续执行。

	<script type="text/javascript">
		var calc=()=>{
			var now=new Date();
			console.log(now)
		}
		
		var timer2=null;
		timer2=setTimeout(calc,3000);
		//过3秒钟执行一次相关函数,只执行一次,不重复执行
	</script>

在这里插入图片描述
上述的代码,意思是在3秒内,setTimeout 会执行calc函数,执行完后不再执行。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值