一次性计时器和间隔性计时器实现永久性计时器

最新推荐文章于 2023-09-05 09:08:14 发布

原创

最新推荐文章于 2023-09-05 09:08:14 发布 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#计时器

本文介绍了如何使用JavaScript的setTimeout和setInterval函数实现一次性及间隔性计时器，并通过示例展示了如何创建永久性计时器。通过在一次性计时器的回调函数中递归调用setTimeout，可以实现持续执行的功能。

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

一次性计时器和间隔性计时器实现永久性计时器

定时函数
setTimeout()函数在指定的毫秒数后调用函数或计算机表达式。只调用一次。
setInterval()函数可按指定的周期(以毫秒计)来调用函数或计算表达式。该方法运行后会不停的调用函数，直到窗口关闭或被其他方法强制停止。

setInterval()方法是有返回值，返回这个函数在当次调用时的唯一的一个id值。clearInterval(id)方法可以利用setInterval()方法的返回值(id)来停止当前计数器。
setTimeout()方法也有返回值，与setInterval()方法的返回值一样，也可以用clearTimeout()方法停止当前计数器。

*需要注意的是：setTimeout()只执行函数一次，如果要多次调用函数，需要使用setInterval()或者让被调用的函数再次调用setTimeout()；
所以要想变成永久性计时器，在一次性计时器的被调用函数中再次调用setTimeout()即可。

代码实例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>定时器</title>
        <style type="text/css">
            section{
                width:280px;
                height:250px;
                border:2px solid #ccc;