JS定时器与延时器

简介: 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()

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

相关文章
|
1月前
|
JavaScript
JS定时器
JS定时器
31 0
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
JS实现定时器
JS实现定时器
50 0
|
7天前
|
JavaScript 前端开发 安全
JavaScript基础-定时器:setTimeout, setInterval
【6月更文挑战第13天】JavaScript中的`setTimeout`和`setInterval`是异步编程的关键工具,用于按计划执行代码。`setTimeout`在延迟后执行一次,而`setInterval`则周期性执行。常见问题包括忘记清除定时器导致内存泄漏,递归使用`setTimeout`可能引发无限递归,以及字符串代码执行的安全隐患。解决方法包括使用`clearTimeout`和`clearInterval`,设置递归终止条件,以及优先使用函数表达式。理解定时器的非精确性并采用错误处理策略也是实践中的重要技巧。通过示例展示了如何延迟显示消息和周期性打印计数。
|
1月前
|
JavaScript 前端开发
JavaScript定时器
JavaScript定时器
|
1月前
|
JavaScript 前端开发
JavaScript如何设置定时器,怎么清除定时器
JavaScript如何设置定时器,怎么清除定时器
42 3
|
1月前
|
JavaScript 前端开发
JavaScript 定时器
JavaScript 定时器
|
1月前
|
JavaScript 前端开发
|
1月前
|
JavaScript 前端开发
JS实现可以控制的定时器,setInterval,clearInterval
JS实现可以控制的定时器,setInterval,clearInterval
26 0
|
1月前
|
前端开发 JavaScript 程序员
(前端面试题)详解 JS 的 setTimeout 和 setInterval 两大定时器
(前端面试题)详解 JS 的 setTimeout 和 setInterval 两大定时器
|
Web App开发 JavaScript 前端开发
图片的javascript延时加载
在页面很长(超过3屏)且图片又很多时,默认情况下浏览器会加载所有图片,有可能导致第二屏的图片显示出来了,但第一屏的图片还在加载,这种情况最适合用"javascript延时加载"来改善用户体验. 原理: 1.
773 0