Vue定时器设置-前端-阿习进阶博客

Vue定时器设置

阿习 • 2022-10-24 12:29:45 • 前端 • 阅读450

[导读]：Vue的定时器分为好几种的呢，在这里我简单的写了三种来看一下，这三种分别是一次性定时器、指定时间间隔触发定时器、清除定时器。1.1一次性定时器//第二个参数是毫秒数lettimer=setTimeout(()=>{//需要定时执行的代码console.debug("HelloWorld...

Vue的定时器分为好几种的呢，在这里我简单的写了三种来看一下，这三种分别是一次性定时器、指定时间间隔触发定时器、清除定时器。

1.1一次性定时器

//第二个参数是毫秒数
let timer = setTimeout(() => {
  //需要定时执行的代码
  console.debug("Hello World");
  }, 3000)

1.2 指定时间间隔触发定时器

let timer = setInterval(() => {
     //需要定时执行的代码
},5000)

1.3 清除定时器

//清除一次性定时器
clearTimeout(timer)

//清除多次执行定时器
clearInterval(timer)

本文来自阿习进阶博客，如若转载，请注明出处：https://yanxias.com

setTimeout,setInterval

打赏

微信扫一扫

阿习

小程序、uniapp canvas在画布上滑动，页面跟着滑动问题

« 上一篇

微信小程序实现下拉刷新和上拉触底刷新数据

历史留言

联系人：阿习

手机号：156****7890

留言内容：欢迎大家一起讨论文章，有喜欢发帖的可以私聊我给你开权限，发文章

留言时间：2022-05-09 17:46:15

回复内容：互联网阿习

回复时间：2022-05-09 17:46:15

用户IP：220.***.***.232

用户操作系统：Windows 10

Vue定时器设置

相关推荐

Vue定时器设置

clearInterval() 方法 附有源码

同步&异步的概念

留言区

历史留言

clearInterval() 方法附有源码