setTimeout和setInterval

阅读量: 138 编辑

setTimeout 和 setInterval

  • setTimeoutsetInterval,也是浏览器中的内置函数,属于 JavaScript 代码

  • setTimeout:表示多久之后执行

    • 语法 setTimeout(func,time), time 是毫秒

    • 可以通过 clearTimeout 函数对 setTimeout 进行取消

  • setInterval:间隔多长时间循环执行

    • 语法 setInterval(func,time), time 是毫秒

    • 可以通过 clearInterval 函数对 setInterval 进行取消

一、代码实战

代码的详细解读,可以参考视频教程

文件:18.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>setTimeout和setInterval</title>
    </head>
    <body>
        <button onclick="cancleOpt()">取消操作</button>

        <script type="text/javascript">
            let out = setTimeout(myfun,3000)
            function myfun(){
                alert('我是一个函数')
            }

            let s = ""
            let inter = setInterval(myInteFunc,3000)
            function myInteFunc() {
                s = s + "hello, "
                alert(s)
            }

            function cancleOpt(){
                clearTimeout(out)
                clearInterval(inter)
            }
        </script>

    </body>
</html>