最近需要再页面里做个倒计时,发现用clearInterval()清除定时器失效,
解决办法就是挂载到window上

this.timer = window.setInterval(() => {this.onPlayerTimeupdate();
}, 300);window.clearInterval(this.timer);
this.timer=null;

vue 清除定时器失效 clearInterval相关推荐

  1. vue beforeDestroy clearInterval清除定时器失效

    我发现遇到这个问题的人挺多的,自己遇到过,改别人代码的时候也遇到过,赶紧记下来~这方法好使~ 情景:路由跳转时触发了beforeDestroy,里面也写了清除计时器的相关代码,但是到其他页面时还是在一 ...

  2. clearInterval清除定时器失效的原因

    在本页面定义了一个定时器,离开页面的时候清除定时器,发现失效. 原因是在本页面的不同地方调用了这个定时器,最后清除的只是最后一次调用的定时器,之前的定时器都没有清除. 比如,我定义了一个定时器 get ...

  3. Vue清除定时器setInterval优化方案

    两种方案清除定时器,开发者经常使用方案1,建议使用方案2 方案1 首先我在data函数里面进行定义定时器名称: data() {                 return {           ...

  4. Vue清除定时器优化方案

    this.clock = setInterval(()=>{this.nums = this.nums+1console.log(this.nums)},1000)beforeDestroy() ...

  5. Vue清除定时器方法

    方法1 data() { return { timer: null // 定时器名称 } },this.timer = (() => {// 某些操作 }, 1000) beforeDestro ...

  6. vue项目:开启定时器后,1分钟内每5秒调一次接口,请求到数据后,清除定时器

    data() {return {codeTimer: null,//定时器codeTime: 12, // 限制1分钟后没请求到erp数据,不再继续请求};}, //开启定时器 通过codeTime的 ...

  7. 小程序离开当前页面时,清除定时器问题

    一.小程序离开当前页面时,会遇到清除定时器失效问题 解决方式: // pages/setInter/index.js Page({/*** 页面的初始数据*/data: {myInterv: '', ...

  8. react-Hook中useEffect详解(使用useEffect清除定时器)

    文章目录 useEffect useEffect清除定时器 最后 useEffect 之前我们学习了class组件的声明周期,那么我们想在函数式组件中做一些声明周期有关操作能否实现呢? 函数式组件中是 ...

  9. JS设置定时器和清除定时器

    最近在项目中频繁运用到js定时器,现在和大家分享一下方法.在前端开发的过程中,有些时候需要某段程序等待一段时间后再开始执行,在JavaScript中主要通过定时器实现这一类需求. JS的两种定时器 w ...

最新文章

  1. expand yourself
  2. java spring流程_浅谈SpringMVC执行过程
  3. Selector 实现原理
  4. 维修点滴:键盘进杂物
  5. Spring Boot 一个依赖搞定 session 共享,没有比这更简单的方案了!
  6. 云计算迈向100%的虚拟化
  7. python定义一个1xn矩阵_Python实现的矩阵类实例
  8. JDBC 学习笔记(三)—— 数据源(数据库连接池):DBCP数据源、C3P0 数据源以及自定义数据源技术...
  9. tf.slim构建vgg16和resnet网络实现图像分类,亲测准确率99%
  10. 谷歌chrome xp_什么是Google Chrome?
  11. 惠普m128fn中文说明书_惠普M128fp中文说明书
  12. 远程服务器638,638是什么意思
  13. 内核的同步机制(原子锁)
  14. JDK8中String的intern()方法详细解读【内存图解+多种例子+1.1w字长文】
  15. 南京标志设计-logo设计(品牌形象核心部分)
  16. shell脚本文本替换
  17. 网络编程:C10K问题而引出的reactor模型
  18. vs2017或vs2019或vs2022安装中Microsoft.VisualStudio.MinShell.Msi出错的问题
  19. 你会在 JitPack 上创建依赖库吗?
  20. JavaScript的压缩

热门文章

  1. 物联网工程实训 第5天
  2. 朋友圈里天天发生活感慨 抖音截图鸡汤的都是些什么人
  3. 微信小程序/uni-app 蓝牙打印开发教程和常见问题总结【文末附源码】
  4. flutter录音_Flutter直播SDK怎么使用?5步快速开发直播应用
  5. AP2553W6-7小功率开关电源芯片工作原理
  6. 通信工程实施室内分布系统设计
  7. 命令行删除mysql服务
  8. 东芝z20t笔记本如何u盘启动安装系统
  9. 基于安卓开发的QQ登陆页面,实现登陆注册内容
  10. 【大学物理实验】刚体转动定律的研究