PHP setInterval与setTimeout的区别

一.setInterval与setTimeout的区别

  • setInterval()方法可按照指定的周期来调用函数或者计算表达式(以毫秒为单位)
    语法:
    setInterval(函数表达式,毫秒数);
    setInterval()会不停的调用函数,直到clearInterval()被调用或者窗口被关闭,由 setInterval()返回的ID值可用作clearInterval()方法的参数。

  • setTimeout()方法用于在指定毫秒数后再调用函数或者计算表达式(以毫秒为单位)
    语法:
    setTimeout(函数表达式,毫秒数);
    setTimeout()只执行函数一次,如果需要多次调用可以使用setInterval(),或者在函数体内再次调用setTimeout()

  • 区别:
    通过以上分析可以看出,setTimeout与setInterval的主要区别是:
    setTimeout()方法只运行一次,也就是说当达到设定的时间后就出发运行指定的代码,运行完后就结束了,如果还想再次执行同样的函数,可以在函数体内再次调用setTimeout(),可以达到循环调用的效果。
    setInterval()是循环执行的,即每达到指定的时间间隔就执行相应的函数或者表达式,是真正的定时器。

二.setTimeout()的用法

<!DOCTYPE html>
 <html lang="en">
	    <head>
	         <meta charset="utf-8">
	         <script>
	                setTimeout("alert('hello')",2000);
	         </script>
	    </head>
    <body>
    </body>
</html>

页面会在停留2秒之后弹出对话框,注意setTimeout不会自动重复执行!

当然,setTimeout也可以执行function,还可以不断重复执行!你可以看到h1中的文本数字在一秒一秒地递增!更加灵活的是,你还可以指定重复执行的次数,如下:if判断中的数字,是用来限制重复执行次数的条件。

三.clearTimeout()的用法

要使用clearTimeout(),需要我们设定setTimeout()时, 给予这setTimeout()一个名称, 这名称就是timeoutID ,我们叫停时,就是用这 timeoutID 来叫停

<!DOCTYPE html>
  <html lang="en">
	  <head>
	   <meta charset="utf-8">
		   <script>
		        var timeId= setTimeout("alert('hello')",2000);
		        clearTimeout(timeId);
		  </script>
	  </head>
      <body>
      </body>
 </html>

原计划1秒后弹出的警示框,被自然叫停了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值