前端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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 电压电流转换检测「建议收藏」

    电压电流转换检测「建议收藏」电流可以转换成电压,电压也可以转换成电流。图十就是这样一个电路。上图的负反馈没有通过电阻直接反馈,而是串联了三极管Q1的发射结,大家可不要以为是一个比较器就是了。只要是放大电路,虚短虚断的规律仍然是符合的!由虚断知,运放输入端没有电流流过,则(Vi–V1)/R2=(V1–V4)/R6……a同理(V3–V2)/R5=V2/R4……b由虚短知V1=V2……c如果R2=R6,R4=R5,则…

    2022年6月2日
    35
  • ipsec iptables_iptables -p

    ipsec iptables_iptables -piptablesiptables[-t表名]命令选项[链名][条件匹配][-j目标动作或跳转]-t表名可以省略,指定规则存放在哪个表中,默认为filter表用于存放相同功能的规则filter表:负责过滤功能能,nat表:网络地址转换功能mangle表:拆解报文做出修改并重新封装的功能raw表:关闭nat表上启用的连接追踪机制命令选项-A在…

    2022年10月7日
    3
  • 【Python实践-1】求一元二次方程的两个解[通俗易懂]

    【Python实践-1】求一元二次方程的两个解[通俗易懂]知识点:importsys,sys模块包含了与Python解释器和它的环境有关的函数。“sys”是“system”的缩写。sys.exit()中途退出程序,(注:0是正常退出,其他为不正常

    2022年7月5日
    22
  • oracle字符串补齐_oracle去掉字符串后几位

    oracle字符串补齐_oracle去掉字符串后几位一、拼接字符串1、使用“||”来拼接字符串:select’拼接’||’字符串’asStrfromstudent;2、使用concat(param1,param2)函数实现:selectconcat(‘拼接’,’字符串’)asStrfromstudent;注:oracle的concat()方法只支持两个参数,如果拼接多个参数,可以嵌套concat():selectconcat(…

    2022年9月20日
    2
  • navicat最新激活码【2021最新】

    (navicat最新激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/ide…

    2022年3月22日
    145
  • python如何安装matplotlib.pyplot_matplotlib中文

    python如何安装matplotlib.pyplot_matplotlib中文首先,一些博文上说可以在pycharm自动安装,也就是:File–Setting–ProjectInterpreter–±-输入指定模块安装,这对于社区版或教育版真的不行,好吗。安装的思路比较靠谱的,也是自己安装成功的方法。第一步:在官网上下载指定安装包:官网模块包:https://pypi.org/project需要什么模块就下载啥,需要注意的是与你的python版本一致(至于怎么一致,可以…

    2022年8月27日
    8

发表回复

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

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