JS基础_定时器设置与清除

最新推荐文章于 2024-04-18 19:21:41 发布

fly-phantomWing

最新推荐文章于 2024-04-18 19:21:41 发布

阅读量373

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/weixin_41804367/article/details/108647765

版权

web 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

设置定时器

设置定时器使用：

window.setTimeout(code,millisec);
window.setInterval(code,millisec);

其中，code可以是用引号括起来的一段代码，也可以是一个函数名，到了指定的时间，系统便会自动调用该函数，当使用函数名作为调用句柄时，不能带有任何参数；而使用字符串时，则可以在其中写入要传递的参数。两个方法中的第二个参数是millisec，表示延时或者重复执行的毫秒数。window也可以省略，返回这个定时器的唯一标示符,是数字类型

清除定时器

1、clearTimeout()

**作用: **清除以setTimeout方法设置的定时器

语法: widnow.clearTimeout(定时器的标识符) window可以忽略

2、clearInterval()

**作用: **清除以setInterval方法设置的定时器

语法: widnow.clearInterval(定时器的标识符) window可以忽略

代码示例

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时器演示</title>

    <script>
        onload = function () {
            var h2 = document.getElementsByTagName("h2")[0];
            var i = 0;
            /**
             * 创建定时器
             * @type {number}
             */
            var add = setInterval(function () {
                h2.innerHTML = i;
                i++;
                if (i == 11) {
                    /**
                     * 删除定时器
                     */
                    clearInterval(add);
                }
            }, 500);
        }
    </script>
</head>
<body>

<h2></h2>

</body>
</html>