【前端】Vue使用clearInterval（）无效不起作用

最新推荐文章于 2024-05-31 14:59:27 发布

sunshine641

最新推荐文章于 2024-05-31 14:59:27 发布

阅读量5.8k

点赞数 1

分类专栏：前端文章标签： javascript vue

本文链接：https://blog.csdn.net/sunshine641/article/details/114653527

版权

前端专栏收录该内容

17 篇文章 1 订阅

订阅专栏

在Vue使用计时器后，clearInterval（）不起作用，并没有消除计时器
搜索了下，大概总结一下原因：
在这里插入图片描述
解决办法：

不要直接使用setInterval(fun,5000) 和 clearInterval() 会出现clearInterval 失效的问题。
建议采用window.setInterval(fun,5000) 和window.clearInterval()

参考链接：
原因
 解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sunshine641

关注关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【三十天精通Vue 3】第八天 Vue 3 生命周期函数详解

陈书予

04-14

9752

生命周期钩子是 Vue 3 新增的一种特性，它允许开发者在组件的创建和更新过程中执行自定义代码。在 Vue 3 中，组件的生命周期分为七个钩子函数，分别是 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy 和 destroyed。这些钩子函数在不同的生命周期阶段执行，可以用于更新组件、处理事件、处理数据等。

Vue中消息横向滚动时setInterval清不掉的问题及解决方法

10-16

最近在做项目时,需要进行两个组件联动,一个轮询获取到消息,然后将其传递给另外一个组件进行横向滚动展示,结果滚动的速度越来越快。接下来通过本文给大家分享Vue中消息横向滚动时setInterval清不掉的问题及解决方法，感兴趣的朋友一起看看吧

参与评论您还未登录，请先登录后发表或查看评论

vue中clearInterval 不生效，不起作用

YUNAN_ZHANG的专栏

02-12

5027

登录超时后，转到登录界面，因为Home.vue组件在keep-alive中，没有销毁，里面的计时器也没有销毁。导致在登录界面仍然刷新后台数据。尝试在跳转到登录路由的时候，clearInterval 计时器。但是不起作用。怀疑计时器重复启动了。但是判断为空之后再启动计时器，仍然不起作用。最后发现Home.vue中有这么一句：import { setInterval} from "tim...

vue中clearInterval失效问题可能原因！

m0_68725156的博客

04-30

795

vue中clearInterval失效的问题，定时器无法关闭

clearInterval不起作用,vue中定时器无法关闭

abdke_123的博客

04-11

3083

在vue中，设置定时器，使用clearInterval()不起效果，这是因为经过页面切换，设置的定时器已不是同一个，再使用clearInterval只对当前页面的定时器清除，但之前页面定义的无法清除。vue离开页面时销毁定时器。vue 是单页面应用，路由切换后，定时器并不会自动关闭，需要手动清除，当页面被销毁时，清除定时器即可。

vue中clearInterval无效~解决方法

weixin_40918145的博客

11-19

1865

vue页面中不要直接使用setInterval(fun,5000) 和 clearInterval() 会出现clearInterval 失效的问题。建议采用window.setInterval(fun,5000) 和window.clearInterval() clearInterval失效问题就可以解决，具体原因不明 ...

clearinterval不起作用vue

08-26

- *1* [【前端】Vue使用clearInterval（）无效不起作用](https://blog.csdn.net/sunshine641/article/details/114653527)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...

解决在vue引入iframe 高度不自适应的问题

weikehang的博客

10-20

5852

class Iframe { constructor(options) { this.$el = document.createElement('IFRAME'); this.$options = options; this.$target = options.target ? document.getElementById(options...

【记录问题】Vue项目

xwq997997的博客

01-27

881

记录Vue项目所遇到的问题问题点新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入问题点 /deep/ 不生效解决： /deep/ 不生效就换成 ::v-deep 或 >>> 新的改变我们对Mark

vue clearInterval无效不起作用，函数不生效

weixin_40228600的博客

11-12

1601

setInterval()：指定间隔毫秒数不停地执行指定的代码。 clearInterval()：用于停止 setInterval() 方法执行的代码,而不是具体的方法，是setInterval的引用。只有两者规范的使用，才能生效，具体代码如下： <script> export default { data() { return { timeObject: null }; }, created() { //调用定时器 this.

clearInterval()不生效

siriurr的博客

03-24

6620

setInterval写的定时器，用clearInterval不生效

Vue2中clearInterval()不生效问题的解决方法

小龙狗的博客

10-10

1844

Vue2中clearInterval()不生效问题的解决方法

clearInterval不起作用？肯定是用法不对

最新发布

ll_883963的博客

05-31

1441

所以当一个定时器可能会被多次调用的时候，只清理一次肯定会出现没有清理完全的情况，这时候就会出现“clearInterval不起作用的情况。在其他地方看到，实验了并未生效，但其他人实现了，可以一试，如果生效比第一种简洁。第二个函数的定时器覆盖了第一个，所以第一个定时器永远也没有办法移除了。此时，我们会发现页面仍有定时器内的方法在调用，这是为什么呢？

setInterval和clearInterval使用遇到clearInterval不起作用

qq_41184981的博客

07-24

3156

//定时调用读取数据点击事件 var autoSender = window.setInterval(function() { $("#readData").click(function() { $.ajax({ url : "PCHanderTag/readNFC", type : "GET", dataType : "json", success :...

vue 清除定时器失效 clearInterval

elizebeth6的博客

09-24

1003

clearInterval无效的一种原因

hello world

01-20

2425

我这里是在cancel方法中发送ajax请求后再clearInterval的，在cancel方法后面立马调用了其他方法又重复了一遍setInterval。第二个函数的定时器覆盖了第一个，所以第一个定时器永远也没有办法移除了。参考： JavaScript clearInterval定时器失效原因 - 无忧之路 - 博客园 ...

vue项目，clearInterval不生效

babyrita的博客

05-24

252

window.clearInterval(this.timer);this.timer = null;