window对象的setTimeout、clearTimeout、setInterval、clearInterval方法

      在JS中,除函数是需要调用时才执行的代码外,所有的代码都是浏览器读取代码时立即执行的。而window对象也提供了一 些方法可以设置代码的执行时间和执行方式。

针对代码延迟执行

(1)setTimeout:可延迟代码的执行时间,也可指定代码的执行时间。

        语法:window.setTimeout(code,delay)

                code参数可以是语句、函数,delay是延迟的时间,单位是ms。

        clearTimeout:用于取消setTimeout方法设置的定时操作。

        语法:window.clearTimeout(id)

                参数必须是由setTimeout返回的ID值。

       例如:

        

针对代码周期性执行:

(2)setInterval:与setTimeout方法不同的是,setInterval函数设置了一个定时器,每当定时时间一到就调用一次用户设定的定时器函数,从而可以反复执行某个程序。

        语法:window.setInterval(code,delay)

        clearInterval:可移除setInterval方法设定的定时操作。

        语法:window.clearInterval(id)

        例如:

        

 

        使用以上方法可以完成许多小应用,比如实现一个定时的小闹钟,定时抛售股票等......

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. clearTimeout: clearTimeout() 方法用于停止由 setTimeout() 方法设置的计时器。如果计时器已经启动,则可以使用 clearTimeout() 方法将其停止。该方法需要一个参数,即要停止的计时器的 ID。例如: ``` var timerID = setTimeout(function(){ alert("Hello"); }, 3000); clearTimeout(timerID); ``` 在上述代码中,我们使用 setTimeout() 方法创建了一个计时器,并将计时器 ID 赋值给变量 timerID。然后,我们调用 clearTimeout() 方法,传递计时器 ID 作为参数,以停止计时器。 2. setInterval: setInterval() 方法用于设置周期性调用函数。该方法需要两个参数,即要执行的函数和执行函数之间的时间间隔(以毫秒为单位)。例如: ``` var timerID = setInterval(function(){ alert("Hello"); }, 3000); ``` 在上述代码中,我们使用 setInterval() 方法创建了一个计时器,并将计时器 ID 赋值给变量 timerID。该计时器每隔 3 秒钟就会调用一次 alert() 函数。 3. clearInterval: clearInterval() 方法用于停止由 setInterval() 方法设置的周期性定时器。如果周期性定时器已经启动,则可以使用 clearInterval() 方法将其停止。该方法需要一个参数,即要停止的周期性定时器的 ID。例如: ``` var timerID = setInterval(function(){ alert("Hello"); }, 3000); clearInterval(timerID); ``` 在上述代码中,我们使用 setInterval() 方法创建了一个周期性定时器,并将计时器 ID 赋值给变量 timerID。然后,我们调用 clearInterval() 方法,传递计时器 ID 作为参数,以停止周期性定时器。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值