提问 发文

如何实现每秒累加的计时器

天介

| 2023-10-07 15:41 507 0 0

简介:

在我们的平台上有时大家会使用到计数器,那么今天教大家两种常用的计数器
第一种 受到平台刷新的影响,每次刷新重置计数器
第二种 不受平台刷新影响,刷新关闭都不能控制它的增长


实现原理:

① 使用选项卡组件,开启自动轮播功能,由于轮播时长为一秒,在每次轮播选项改变时,每秒会将图中数据容器二这一组件进行更新





② 数据容器2这一个数据容器中,写入过滤器即图中处理数据

第一种 受到平台刷新的影响,每次刷新重置计数器

return (( Math.floor(new Date().getTime()/1000)) - parseInt(callbackArgs.w))

其中 callbackArgs.w 也就是图中数据容器发出来的回调

内容为当前时刻 return Math.floor(new Date().getTime() / 1000);

由于第一种方式收到了回调的控制但是数据容器一没有受到选项卡的动作影响,因此发出的回调是刷新那一时刻的内容

通过最新时间 减去 刷新时刻的时间 就得到了每次刷新增长的值

第二种 不受平台刷新影响,刷新关闭都不能控制它的增长

return (( Math.floor(new Date().getTime()/1000)) - parseInt(1691487949.37))

此时的parseInt中内容是希望以某时刻开始的时间戳

由于第二种没有受到回调的控制,且时刻是个固定值, 因此该方式不会收到刷新影响






收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群