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


相关推荐

  • Linux下在线安装Node.js

    Linux下在线安装Node.jsCentos下在线安装Node.jsLinux下在线安装Node.js查看有哪些版本dnfmodulelistnodejs安装nodejs14dnfmoduleinstallnodejs:14验证是否安装成功node-v

    2022年10月21日
    3
  • SAP QAS数据增长空间太快

    SAP QAS数据增长空间太快背景:我们是在一台数据库上删除另外的一台数据库上的大量数据,运用的crontab+linuxshell+rman,然后生产了大量的日志。解决方法清除以下的日志deletearchivelog.sh脚本exportORACLE_SID=QASexportORACLE_BASE=/oracleexportORACLE_HOME=/oracle/QAS/112_64/oracle/QAS/112_64/bin/rmantarget/<<EOFrun{cro

    2022年6月28日
    19
  • phpstudy2016安装redis扩展

    phpstudy2016安装redis扩展

    2021年10月16日
    48
  • Linux下minicom操作

    Linux下minicom操作一、使用minicom发送文件1、首先安装工具:sudoapt-getinstalllrzsz2、打开minicom:sudominicom3、配置minicom:Ctrl+A,再按Z,再按O,出现configuration窗口(1)选择&lt;Filenamesandpaths&gt;设置发送和下载文件的路径并保存(2)选择&lt;Serialportsetup&gt;…

    2022年6月11日
    37
  • vue 部署上线清除浏览器缓存「建议收藏」

    vue 部署上线清除浏览器缓存「建议收藏」vue项目打包上线之后,每一次都会有浏览器缓存问题,需要手动的清除缓存。这样用户体验非常不好,所以我们在打包部署的时候需要尽量避免浏览器的缓存。下面是我的解决方案:一、修改根目录index.html在head里面添加下面代码<metahttp-equiv=”pragram”content=”no-cache”><metahttp-equiv=”cache-control”content=”no-cache,no-store,must-revalidate”>

    2022年7月18日
    15
  • python数组_js数组添加数据

    python数组_js数组添加数据记linuxshell的两个小技巧:shell数组和字符串判断最近在使用shell写脚本的时候,想实现python中两个很简单的功能:1:判断一个字符串是否包含另一个字符串。2:怎么用实现python的列表功能。这里跟大家分享一下。1:判断一个字符串是否包含另一个字符串:123456string=”abcdefg”…文章余二五2017-11-151010浏览量Python数据类型Python…

    2022年8月13日
    3

发表回复

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

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