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

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

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);
   },
 }

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

相关推荐

  • 工作流引擎Activiti系列(一)——初识[通俗易懂]

    工作流引擎Activiti系列(一)——初识[通俗易懂]1、介绍  几乎任何一个公司的软件开发都会涉及到流程,以往我们可能是这么实现的:业务表添加标志位标识流程的节点状态,关联批注表实现审核意见,根据一些业务数据分析处理逻辑,分配任务到用户,节点的调度,审批等…..这其实是很繁琐的,且不说开发起来比较混乱,维护起来更是难上加难:     Activiti刚好就能解决几乎所有的这些问题,当流程开发变得简单有趣。  官网:

    2022年10月27日
  • es与数据库的同步方案

    es与数据库的同步方案一、双写模式我们采取MySQL作为主要的数据存储,利用MySQL的事务特性维护数据一致性,使用ElasticSearch进行数据汇集和查询,此时es与数据库的同步方案就尤为重要。保证es与数据库的同步方案:1、首先添加商品入数据库,添加商品成功后,商品入ES,若入ES失败,将失败的商品ID放入redis的缓存队列(或MQ),且失败的商品ID入log文件(若出现redis挂掉,可从日志中取异…

    2022年5月18日
  • oracle 拼接字符串的函数写法

    oracle 拼接字符串的函数写法需求:首先根据角色ID(JSID) 查到角色组ID(JSZID),根据角色组ID(JSZID) 找到对应权限的文档ID(DOCID) 根据文档ID (DOCID) 找到附件的ID(FIEFLID) 根据附件ID找到附件编号(filebh)附件名称(filemc)附件后缀名(fileex)得到这三个字段的拼接字符串所以sql语句如下 stringse

    2022年9月20日
  • 线程审查生产者和消费者

    线程审查生产者和消费者

    2022年1月6日
  • Spring的Bean加载流程

    Spring的Bean加载流程

    2021年4月10日
  • 设计测试用例的方法

    设计测试用例的方法如果测试的时间有限,如何保证在有限的时间内让产品上线?(1)有限的时间内测试,保证用户经常使用(使用频率比较高,主要的,核心的功能)功能的质量(2)如果有限的时间所有的功能不能完全测完,可以和产品经理开发商量,把没有通过测试的,有风险的功能把用户的入口,屏蔽掉(让用户无法使用),产生错误风险就会降低(3)本次测试,测试报告写清楚,这次上线,哪些功能测试了,哪些功能没有测试,上线风险分析清楚。百度云盘的测试用例太多了,如何去写?(1)用户经常使用的功能有哪些?文件的存储(长传,接受)下载分享

    2022年6月20日

发表回复

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

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