web API-DOM-开启和关闭定时器-间歇函数

Q _Q

于 2023-07-17 02:53:53 发布

阅读量293

点赞数

CC 4.0 BY-SA版权

分类专栏： web API 文章标签：前端 javascript html css css3

本文链接：https://blog.youkuaiyun.com/weixin_54021642/article/details/131758045

web API 专栏收录该内容

18 篇文章

订阅专栏

该代码示例展示了如何在HTML文档中使用JavaScript定义一个名为sayHi的函数，该函数在页面加载后每秒通过setInterval调用一次，打印出你好~。定时器的ID被存储在变量timerId中，然后使用clearInterval关闭定时器。

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

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function sayHi(){
            console.log('你好~');
        }
        // 开启定时器 1秒调用一次函数
        // 将定时器赋值给timerId，用于关闭定时器
        let timerId = setInterval(sayHi, 1000)
        // 定时器的编号
        console.log('定时器的编号',timerId)
        // 关闭定时器
        clearInterval(timerId)
    </script>
</body>
</html>

效果图：