【JavaScript】第六节 setInterval与setTimeout区别

本文深入解析JavaScript中的定时器,包括setInterval与setTimeout的功能与使用场景。setInterval用于按周期执行函数,而setTimeout则用于延时执行。文章通过具体示例说明两者的区别及如何取消它们。

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

  • setInterval(参数1,参数2):按照指定的周期(以毫秒计)来调用参数1位置的函数或计算表达式
  • clearInterval(参数1,参数2):由 setInterval() 返回的 id 值可用作 clearInterval() 方法的参数,用来取消设置的setInterval
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script type="text/javascript">
    			var a = 1;
    			function test(){
    				console.log('输出:' + (a++));
    			}
    			var id = setInterval('test()',1000);	//每隔1秒在控制台打印一条信息
    			clearInterval(id);
    		</script>
    	</head>
    	<body>
    		
    	</body>
    </html>
    
  • setTimeout(参数1,参数2):在参数2位置指定的毫秒数后调用参数1位置函数或计算表达式
  • clearTimeout(参数) :由 setTimeout() 返回的 id 值可用作 clearTimeout() 方法的参数,用来取消设置的setTimeout
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script type="text/javascript">
    			var a = 1;
    			function test(){
    				console.log('输出:' + a);
    			}
    			var id = setTimeout('test()',5000);	//5秒后在控制台打印一条信息
    			clearTimeout(id);
    		</script>
    	</head>
    	<body>
    		
    	</body>
    </html>
    
  • setInterval与setTimeout区别:
    • setInterval是在指定时间之后开始以指定的时间为周期执行传入的函数或计算表达式
    • setTimeout是在指定时间之后执行一次传入的函数或计算表达式
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值