Vue 定时器/定时调用

Vue 定时器/定时调用前端定时器;定时调用方法;间隔重复调用

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

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

export default {
 //定义
 data(){
   return {
     timer:null
   }
 },

  //调用
  mounted() {
    this.timer = setInterval(() => {
      setTimeout(this.getTemp, 0);
    }, 5000);
  },

    //页面切除后解除定时
    beforeDestroy() {
      clearInterval(this.timer);
      this.timer = null;
    },

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

getTemp:已经封装好的方法,是从后端调用数据的

beforeDestroy:页面切除后解除定时,防止浏览其他界面时依旧不停调用

调用格式:setTimeout(function(){}, 间隔时间)

方法为到达设定时间间隔只调用一次,若想一直重复调用,可使用:

setInterval(function(){}, 间隔时间) 

页面若需要开始就进行加载,只需在定时之前提前调用一次function即可

 mounted() {
    this.getTemp();
    this.timer = setInterval(() => {
      setInterval(this.getTemp, 0);
    }, 5000);
  },

5000为设定时间,注意不是function时间间隔,而是整个定时方法的间隔

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

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

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


相关推荐

  • C/C++ 最常见50道面试题

    C/C++ 最常见50道面试题C/C++经典面试题面试题1:变量的声明和定义有什么区别为变量分配地址和存储空间的称为定义,不分配地址的称为声明。一个变量可以在多个地方声明,但是只在一个地方定义。加入extern修饰的是变量的声明,说明此变量将在文件以外或在文件后面部分定义。说明:很多时候一个变量,只是声明不分配内存空间,直到具体使用时才初始化,分配内存空间,如外部变量。面试题2:写出bool、int、……

    2022年6月25日
  • oracle 分页查询 优化_oracle分页查询封装

    oracle 分页查询 优化_oracle分页查询封装对于数据库中表的数据的 Web 显示,如果没有展示顺序的需要,而且因为满足条件的记录如 此之多,就不得不对数据进行分页处理。常常用户并不是对所有数据都感兴趣的,或者大部分情 况下,他们只看前几页。 通常有以下两种分页技术可供选择。 1234567Select * from (Select rownumrn,t.* from table t)Where rn>&minnum and rn或者Sel

    2022年10月26日
  • c#中int16 int32 int64区别[通俗易懂]

    c#中int16 int32 int64区别[通俗易懂]c#intInt32Int64的区别int16=short;int32=int;int64=long;Int16值类型表示值介于-32768到+32767之间的有符号整数。Int32值类型表示值介于-2,147,483,648到+2,147,483,647之间的有符号整数。Int64值类型表示值介于-9,223,372

    2022年8月15日
  • 从中国历年人口数据简单分析未来房价走势(本分析仅供参考)

    从中国历年人口数据简单分析未来房价走势(本分析仅供参考)以下数据来自中国统计局官方网站从1981-1997的连续17年,中国每年人口净出生人口都在2000万以上。从1998年开始,逐年减少,从2001年开始至2017年,每年净出生人口基本在1600万左右。所以在最近十五年,正是赶上1981-1997出生的这一波人要买房,因此把房价无情地快速推高。随着这批人买房需求的满足,房屋需求开始下降,这也解释了为什么这几年一直有人在喊房价要降,并且…

    2022年9月5日
  • sql注入及用PrepareStatement就不用担心sql注入了吗?

    sql注入及用PrepareStatement就不用担心sql注入了吗?首先讲一下sql注入所谓SQL注入,就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。具体来说,它是利用现有应用程序,将(恶意)的SQL命令注入到后台数据库引擎执行的能力,它可以通过在Web表单中输入(恶意)SQL语句得到一个存在安全漏洞的网站上的数据库,而不是按照设计者意图去执行SQL语句。比如先前的很多影视网站泄露

    2022年5月30日
  • 本地Mysql忘记密码的修改方法(windows)[通俗易懂]

    本地Mysql忘记密码的修改方法(windows)[通俗易懂]你是否有忘记密码的尴尬你是否有连Mysql的安装路径都忘了的尴尬别问我是怎么知道的,哈哈哈话不多说,步入正题吧!如果你记得mysql的安装路径的话,直接跳过步骤1231.键盘Windows+R,输入services.msc然后回车;2.找到Mysql,右键Mysql找到属性,打开就能看到可执行文件的路径了;PS:可以切换到大写,然后一直按MMM…(祖传妙方)3.进入bin目录下,按住shift+鼠标右键,点击打开“在此处打开Powershe.

    2022年6月16日

发表回复

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

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