javaScript 学习笔记（四）JavaScript的定时器

---

javaScript学习笔记（二）JavaScript的定时器

JavaScript的定时器

1. 间隔定时器：

按照制定周期（毫秒）去执行制定的代码
语法：setInterval(函数, 时间)
函数：每次要执行的内容； 时间：单位是毫秒。

//每隔1000毫秒执行一次
 setInterval(function () {
        console.log("执行一次")
    },1000)

2. 延时定时器：

在固定的时间（毫秒）后制定一次代码
语法：setTimeout(函数, 时间)
函数：时间到达执行的内容； 时间：单位是毫秒

//从打开页面开始，1000毫秒执行一次，且仅执行一次
setTimeout(function () {
        console.log("执行一次")
    }, 1000)

3. 定时器的返回值

不区分定时器种类，表示的是当前页面的 第几个 定时器
示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

4. 关闭定时器

语法一： clearInterval(要关闭的定时器返回值)
语法二：clearTimeout(要关闭的定时器返回值)
注意：不区分定时器种类

<button id="btn_close">关闭定时器</button>

	//开启定时器
    //书写第一个定时器
    var timer1 = setInterval(function () {console.log('间隔定时器')}, 1000)

    //书写第二个定时器
    var timer2 = setTimeout(function () {console.log('延时定时器')}, 1000)

    //关闭定时器
    //给按钮绑定点击事件
    btn_close.onclick = function () {
        clearInterval(timer1)
        clearTimeout(timer2)
    }

总结

定时器

1. 开始定时器：
   间隔定时器：setInterval(函数， 时间)
   延时定时器： setTimeout(函数，时间)

2. 定时器返回值：
   不区分定时器种类；
   表示页面上的第几个定时器；
   作用：关闭定时器

3. 关闭定时器：
   clearInterval(定时器返回值)
   clearTimeout(定时器返回值)
   不区分定时器种类

文章参考视频：b站千锋前端学习营：千锋前端JavaScript全套教程_JS零基础完美入门到项目实战https://www.bilibili.com/video/BV1W54y1J7Ed?p=35&share_source=copy_web