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)
上一篇 2025年7月2日 下午3:15
下一篇 2025年7月2日 下午3:43


相关推荐

  • 自定义checkbox样式实现与状态控制方法

    自定义checkbox样式实现与状态控制方法

    2026年3月15日
    4
  • SCL语言(入门初级笔记)「建议收藏」

    SCL语言(入门初级笔记)「建议收藏」点动控制电机程序//点动陈序IF”点动启动”=1THEN”KM1点动”:=1;ELSE”KM1点动”:=0;END_IF;

    2022年10月7日
    4
  • 如何在Centos7 中安装JDK「建议收藏」

    如何在Centos7 中安装JDK「建议收藏」1.先查看是否安装了openjdk(两种方法)①在命令窗口键入:java -version②在命令窗口键入:rpm -qa | grep java2.在物理机下载的jdk安装包,后缀名是rpm3. 安装命令:rpm -ivh jdk-8u171-linux-x64.rpm4.配置JDK环境:vi /etc/profile#set java environmentJAVA_HOME=/usr/jav…

    2022年8月18日
    10
  • linux 一键安装nodejs,Linux上安装Node.js

    linux 一键安装nodejs,Linux上安装Node.js在 Ubuntu 系统上安装 nodejs 有很多种方法 分别为 apt get 在线安装 下载 Node js 源码自己编译安装 下载编译好的文件 使用 npm 安装等方式 1 在线安装并不推荐 比较坑的一点是安装后 node 命令不可用 nondejs 命令可用 使用在线安装步骤为 在我们安装 nodejs 之前 推荐你将系统更新到最新的补丁和升级包 所以请登录到系统中使用超级用户运行如下命令 apt getupd

    2026年3月26日
    1
  • 前端HTML5十大新特性详细总结

    前端HTML5十大新特性详细总结前端 HTML5 十大新特性总结一必须知道写前端的都知道 在代码最前面都有这一行代码 大家都知道一定要把这东西写上去 DOCTYPE tml 但是 这是什么玩意儿 为什么要写上去 不写上去会怎么样 很少人去注意到 反正就照写就可以了 所以 这是个啥玩意儿 这是声明 这是 HTML5 声明的新特性 既然有 HTML5 那肯定有 HTML4 是吧 那 HTML4 是怎么声明的呢 HTML4 有三种声明方式 Strict 严格模式 Transitional 过渡模式 Frameset 框架模式

    2026年3月19日
    1
  • Eclipse卸载插件「建议收藏」

    Eclipse卸载插件###本人Eclipse版本为:EclipseMars1.选择:Help->InstallNewSoftware,如下图:2.点击whatisalreadyinstalled?如下图:3.点击已经安装的插件,然后选择uninstall就可以了。转载于:https://www.cnblogs.com/cyttina/…

    2022年4月7日
    38

发表回复

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

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