setTimeout和setInterval

鹤川

发布于 2023-03-21 21:44:56

1K0

发布于 2023-03-21 21:44:56

文章被收录于专栏：鹤川博客鹤川博客

setTimeout 和 setInterval

setTimeout 和 setInterval，也是浏览器中的内置函数，属于 JavaScript 代码
setTimeout：表示多久之后执行
- 语法 setTimeout(func, time), time 是毫秒
- 可以通过 clearTimeout 函数对 setTimeout 进行取消
setInterval：间隔多长时间循环执行
- 语法 setInterval(func, time), time 是毫秒
- 可以通过 clearInterval 函数对 setInterval 进行取消

一、代码实战

新建 html 文件 21-setTimeout.html ，编写下方程序，运行看看效果吧

<!DOCTYPE html>
<htmllang="en">
  
    <head>
        <metacharset="UTF-8">
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
  
    <body>
        <buttononclick="cancelExe()">取消执行</button>

        <scripttype="text/javascript">
            function outFunc(){
                alert("setTimeout")
            }
            let to = setTimeout(outFunc,3000)//3秒

            function inFunc(){
                alert("setInterval")
            }
            let ti = setInterval(inFunc,3000)

            function cancelExe(){
                clearTimeout(to)
                clearInterval(ti)
            }
        </script>
    </body>
  
</html>

本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2023 年 02 月，如有侵权请联系 cloudcommunity@tencent.com 删除

setinterval