vue 定时器使用

vue 定时器使用场景 根据 ws 推送人脸画框位置 在 canvas 上画出来 超过 500ms 没收到消息 清理画布调用如下

一、使用场景

根据ws推送人脸画框位置,在canvas上画出来;超过500ms没收到消息,清理画布。截图如下:

在这里插入图片描述



二、代码如下

/ * timeTotal number 500ms 倒计时 * interval number 计时器间隔 100ms 每100ms执行一次 */ listenNoMsg(timeTotal, interval) { const TIME_COUNT = timeTotal; let count = TIME_COUNT; if (this.detectTimer) this.resetDetectTimer(); this.detectTimer = setInterval(() => { if (count > 0 && count <= TIME_COUNT) { count -= interval; } else { this.rectCtx.clearRect(0, 0, this.width, this.height); this.resetDetectTimer(); } }, interval); }, //清理定时器 resetDetectTimer() { clearInterval(this.detectTimer); this.detectTimer = null; }, 

调用如下:

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

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

(0)
上一篇 2026年3月20日 上午7:18
下一篇 2026年3月20日 上午7:18


相关推荐

  • 腾讯元宝双模型同步升级!率先接入DeepSeek V3最新版、混元T1正式版

    腾讯元宝双模型同步升级!率先接入DeepSeek V3最新版、混元T1正式版

    2026年3月12日
    2
  • idea git 合并分支到指定分支_idea合并分支到另一个分支

    idea git 合并分支到指定分支_idea合并分支到另一个分支ideagit的使用(四)git建立分支与合并分支作者:马育民 • 2017-11-1017:05 • 阅读:103571.为什么要建立分支git默认的主分支名字为master,一般团队开发时,都不会在master主分支上修改代码,而是建立新分支,测试完毕后,在将分支的代码合并到master主分支上。2.操作如下:2.1ideagit分支的操作ideagit的操作在右下角,如下图:说明…

    2026年4月15日
    9
  • html css制作静态网页_简单的静态网页代码

    html css制作静态网页_简单的静态网页代码网页简介:经过pink老师的课程学习之后,制作了一个简单的静态页面,其中的重点内容是对所学css样式的编写格式,顺序等进行规范练习,对页面结构的规划安排,对html,css基本内容的熟练,对浮动,定位,盒子模型嵌套的运用等。

    2025年9月13日
    7
  • MySQL与SqlServer的区别「建议收藏」

    MySQL与SqlServer的区别「建议收藏」一、MySQL与SqlServer的区别目前最流行的两种后台数据库即为Mysql和SQLServer。这两者最基本的相似之处在于数据存储和属于查询系统,你可以使用SQL来访问这两种数据库的数据,因为它们都支持ANSI-SQL(数据库管理标准)。还有,这两种数据库系统都支持二进制关键字和关键索引,这就大大地加快了查询速度。同时,二者也都提供支持XML的各种格式。根本的区别:SQL服务器的狭隘的、保守的存储引擎而MySQL服务器的可扩展、开放的存储引擎;SQL服务器的引擎是Sybase,而MyS

    2022年10月2日
    3
  • Redash — Redash问题排查

    Redash — Redash问题排查向导问题描述排查问题描述 redash 所在机器硬盘做完降配后 再次启动 redash worker 总是再报错 报权限问题 表现是 redash 界面正常 但是查询时 请求发到 redashserver 后 worker 并没有正确的去查库 导致页面上显示一直在查 排查 redash 我是 docker 部署 root 用户的 按理说是没有权限问题的 但是不知道为什么换完磁盘后出现了这个问题 这个主要是 tmp 目录需要加 1777 权限 但是我看到我的 tmp 目录权限是没有问题的 突然想到 报错只有 worker 在报错

    2026年3月19日
    2
  • WebView运行崩溃 Binary XML file line #8: Error inflating class android.webkit.WebView

    WebView运行崩溃 Binary XML file line #8: Error inflating class android.webkit.WebView

    2021年10月2日
    54

发表回复

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

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