当前位置: 首页 > news >正文

定时器:每五秒刷新数据

1.使用 setInterval 设置定时器:
在 onMounted 生命周期钩子中设置定时器,每 5 秒调用一次 refresh 方法。
2.使用 clearInterval 清除定时器:
在 onUnmounted 生命周期钩子中清除定时器,以避免内存泄漏。

let refreshInterval: NodeJS.Timeout | null = null; // 定时器变量
onMounted(()=>{
  //每五秒刷新大厅数据
  refreshInterval = setInterval(refresh, 5000);
})

onUnmounted(() => {
  // 清除定时器
  if (refreshInterval) {
    clearInterval(refreshInterval);
    refreshInterval = null;
  }
})

function refresh() {
console.log('每五秒刷新大厅数据');
}

相关文章:

  • Java高级-02.反射-认识反射、获取类
  • 【实战ES】实战 Elasticsearch:快速上手与深度实践-附录-3-从ES 7.x到8.x的平滑迁移策略
  • 如果关闭 CONFIG_MODULE_SIG
  • Visual Studio工具
  • Prosys OPC UA Gateway:实现 OPC Classic 与 OPC UA 无缝连接
  • 微软远程桌面即将下架?Splashtop:更稳、更快、更安全的 RDP 替代方案
  • C++中虚析构函数的作用是什么?为什么基类需要虚析构函数?
  • 【实战ES】实战 Elasticsearch:快速上手与深度实践-附录-2-性能调优工具箱
  • BitComet GreenLight,内网黄灯转绿灯 (HighID), 增加p2p连接率提速下载
  • 掌握市场先机:9款销售渠道管理工具深度测评
  • Trae插件革命:用VSPlugin Helper实现VSCode市场插件全自动安装
  • Git 本地常见快捷操作
  • OpenAI Agents SDK 中文文档 中文教程 (5)
  • 计算机的物理组成——微机的物理结构
  • 如何用collect_set等函数实现map结构的数据
  • Java面向对象编程进阶:深入理解static、单例模式与继承
  • 以太坊AI代理与PoS升级点燃3月市场热情,2025年能否再创新高?
  • 列表动态列处理
  • 使用 Clang API 编译 C++
  • Flink之水印(watermark)的补充理解
  • 三部门印发《2025年深入推进IPv6规模部署和应用工作要点》
  • 英伟达推出新技术加速AI芯片连接,期望构建互联互通生态
  • 国家发改委:系统谋划7方面53项配套举措,推动民营经济促进法落地见效
  • 海南保亭警方通报“两飞车党紧追女童”:两名初中生认错道歉
  • 杨建全已任天津市委副秘书长、市委市政府信访办主任
  • 爬坡难下坡险,居民出行难题如何解?