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


相关推荐

  • 短期负荷预测(一)概念

    短期负荷预测(一)概念根据预测的时间跨度的长短,电力负荷预测(以下简称负荷预测)问题可以粗略分为长期和短期的预测。由于不同应用场景中对时间跨度的需求不同,对“长期”和“短期”的定义也有所不同。例如,国家电网发展战略制定者将

    2022年7月3日
    40
  • Maven 入门教程

    Maven 入门教程   maven是一个项目管理工具,不仅可以把源代码构建为可以发布的项目(包括编译、打包、测试、分发),还可以生成报告、生成web站点。本文介绍maven的主要使用过程,作为入门1、maven的安装   windows下载地址http://maven.apache.org/download.cgi zip解压缩包,无需安装直接解压即可。   配置环境变量:MAVE…

    2025年10月6日
    7
  • Vue中插值表达式,v-text和v-html三者区别[通俗易懂]

    Vue中插值表达式,v-text和v-html三者区别[通俗易懂]概述我们在学习vue的过程中,对指令的学习是必不可少的,下面结合自己工作和学习的一点经验介绍下vue中插值表达式,v-text和v-html三者的区别插值表达式我们知道页面的加载时自上而下的,js加载是同步的。当页面刷新比较频繁或者网上较慢的时候,我们使用插值表达式页面会先出现‘{{message}}’,再用真实数据替换‘{{message}}’(模拟这种现象可以将vue.js的引…

    2022年6月13日
    37
  • preference用法for_notification用法

    preference用法for_notification用法PreferenceFragment引入在Android3.0之前,设置界面使用PreferenceActivity,在Android3.0之后,官方推荐使用PreferenceFragment,对应于碎片化技术。使用新建Fragment继承PreferenceFragment,加载选项配置xml文件。publicstaticclassNotificationPreferenceFr…

    2025年9月29日
    3
  • 查询linux ssh端口,查看ssh端口「建议收藏」

    查询linux ssh端口,查看ssh端口「建议收藏」rpm-qa|grepssh可以看到系统中ssh安装包ps-ef|grepssh查看ssh服务有没有运行,如果有,可以看到类似以下内容:root26591018:31?00:00:00/usr/sbin/sshdroot27022618018:38pts/000:00:00grepssh这证明ssh已经在运行了,进程名为sshd如果没有运行,可以通过…

    2025年8月4日
    2
  • VB学习之路 ——基本语句

    VB学习之路 ——基本语句一:选择结构问题总结1.一个很简单的If(表达式)……..Then的问题,在VB的程序编写时候,如果在if….Then后面只有一条需要执行的语句,并且将执行的一条语句直接放在了Then的后面,则不需要后面加上EndIf,加上就报错。即使要执行的语句有多条如果非要放在Then后面不加EndIf就必须每条语句之间用冒号间隔。如果将执行的语句放在了Then的后面,即…

    2022年6月21日
    31

发表回复

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

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