JS定时器与延时器-阿里云开发者社区

JS定时器与延时器

2024-03-13 16

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JS定时器与延时器

在我们开发当中，我们使用定时器和延迟器很频繁，如何使用呢？让我为大家介绍一下吧！

定时器函数可以开启和关闭定时器

1.开启定时器

语法： setInterval(函数，间隔时间)

作用：每隔一段时间就调用这个函数
间隔时间是毫秒

第一种写法：

setInterval(function(){
        console.log("1秒执行一次")
    },1000)

第二种写法

function fun() {
        console.log("1秒执行一次")
    }
    setInterval(fun,1000)

2.关闭定时器

既然有开启定时器，自然而然的也就有开启定时器

语法：变量名 = setInterval(函数，间隔时间)
clearInterval(变量名)

let timer = setInterval(function(){
        console.log("1秒执行一次")
    },1000)
    // 清除定时器
    clearInterval(timer)

1.开启延时器

javaScript 内置的一个用来让代码延迟执行的函数，叫setTimeout

语法：setTimeout(回调函数，等待的毫秒数)

注意：setTimeout 只执行一次可以理解为把一段代码延迟执行

第一种写法

setTimeout(function(){
        console.log("1秒后执行一次")
    },1000)

第二种写法

function fun() {
        console.log("1秒后执行一次")
    }
    setTimeout(fun,1000)

2.清除延时器

function fun() {
        console.log("1秒后执行一次")
    }
    let timer = setTimeout(fun,1000)
    clearTimeout(timer,999) //999毫秒后清除了timer延时器 不打印

我们也可以使用延时器实现定时器的效果，先剧透一下，使用递归可以做到

如果想了解一下递归，可以简单的阅读一下本人的这篇JS递归

function fun() {
        setTimeout(function () {
            console.log(1)
            fun()
        },1000)
    }
    fun()

感谢大家的阅读，如有不对的地方，可以向我提出，感谢大家！

JS定时器与延时器