前端vue定时器_vue切换页面清除所有定时器

前端vue定时器_vue切换页面清除所有定时器vue页面定时器的两种方式

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

vue页面定时器的两种方式。

1.页面定时刷新

 mounted() {
    // 定时器(设置时间3s)
    this.timer = setInterval(this.refresh, 3000);
 },

 // 页面关闭时清除定时器
 beforeDestroy() {
    if(this.timer) {
      clearTimeout(this.timer);
    }
 },

 methods: {
   // 定时器刷新
   refresh() {
      this.value ++;
      console.log(this.value);
   },
 }

Jetbrains全家桶1年46,售后保障稳定

2.点击某个方法或延迟3s时间

this.sleep(3000);   // for循环等待3s

async sleep(n) {
  var start = new Date().getTime();
    while (true) {
      if (new Date().getTime() - start > n) {
        break;
      }
    }
},

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/210024.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • SpringBoot项目运行jar包启动「建议收藏」

    SpringBoot项目运行jar包启动「建议收藏」人工智能,零基础入门!http://www.captainbed.net/innerSpringBoot项目在开发中,方便快捷,有一点原因就是SpringBoot项目可以打jar包运行:把jar包直接扔服务器上,然后运行jar包就能访问项目接口了。下面介绍SpringBoot项目打jar包运行的步骤流程:一、我们所熟悉的是在开发环境下,直接用开发工具来运行那个启动类,然后就能启动这个项…

    2022年6月29日
    23
  • 安装完 socket.io 以后,客户端 404 问题

    安装完 socket.io 以后,客户端 404 问题

    2022年2月12日
    40
  • pycharm设置成中文_苹果怎么设置语言为中文

    pycharm设置成中文_苹果怎么设置语言为中文Pycharm设置为中文我的Pycharm版本,2021.021.双击打开Pycharm2.选择file,然后选择settings3.根据操作,选择中文语言包,然后点击install安装4.等待安装完成后,进行设置5.重启之后发现页面变成中文…

    2022年8月26日
    5
  • 量化投资资源

    量化投资资源有些国外的平台、社区、博客如果连接无法打开,那说明可能需要“科学”上网1、量化交易平台国内在线量化平台:BigQuant-你的人工智能量化平台-可以无门槛地使用机器学习、人工智能开发量化策略,基于python,提供策略自动生成器镭矿-基于量化回测平台果仁网-回测量化平台京东量化-算法交易和量化回测平台聚宽-量化回测平台优矿-通联量化实验室Ricequ…

    2022年7月21日
    28
  • 回归算法应用场景实例二十则「建议收藏」

    回归算法应用场景实例二十则「建议收藏」回归算法应用场景实例二十则

    2022年4月21日
    39
  • 免费申请国外免费域名超详细教程「建议收藏」

    免费申请国外免费域名超详细教程「建议收藏」1.首先申请免费域名网站:https://my.freenom.com/domains.php2.填入域名,这里我们以xcflag为列(尽量选择复杂一点的或者五个字母以上的域名,因为简单的有些域名是需要收费的),点击检查可用性。3.可以看到很多免费的域名(用的谷歌翻译插件,翻译有时候不是很准确,free翻译过来应该是免费而不是自由,之后会写一些关于谷歌插件的笔记,详细讲解)4.我们选择xcflag.tk点击立即获取,稍等一会点击购物车查看绿色按钮5.默认三个月试用,这里下拉框我们选择十二个月

    2022年6月30日
    152

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号