找文章 / 找答案
精选问答 更多内容

[可视化] js实现倒计时功能

yhdata_EO4vThtP青铜二 显示全部楼层 发表于 2022-1-19 15:05:38 |阅读模式 打印 上一主题 下一主题
1
未解决

【可视化】 js实现倒计时功能

2386 10
先写一个可以输入小数的倒计时功能

比如输入8.5s 倒计时到0 再循环回滚到8.5s到0s

可以输入循环次数和输入开始倒计时时间
回复

使用道具 举报

精彩评论10

美滋滋白银二 显示全部楼层 发表于 2022-1-19 15:24:07
我简单做了个实例,不知道是不是你需要的,你制作报告,拉一个文本参数组件,作为倒计时长的输入项,然后再拉一个文本组件作为倒计时显示。文本组件在设置中,找到高级,设置刷新时间为1秒。
然后在报告脚本的装载时运行中增加以下脚本:
var a = 10
文本参数1.value = 10
var b = 文本参数1.value

在变化时运行中增加以下脚本:
if (b != 文本参数1.value) {
    a = parseFloat(文本参数1.value) + 1
    b = 文本参数1.value
}
a = a - 1
if (a<0) {
    a = 文本参数1.value
}

文本1.data = a

预览看看,是不是你要的效果。
回复

使用道具 举报

yhdata_OZe7KorQ青铜二 显示全部楼层 发表于 2022-1-19 15:47:00
笑呵呵 发表于 2022-1-19 15:24
我简单做了个实例,不知道是不是你需要的,你制作报告,拉一个文本参数组件,作为倒计时长的输入项,然后再 ...

没好使呢 到9就不动了
回复

使用道具 举报

yhdata_EO4vThtP青铜二 显示全部楼层 发表于 2022-1-19 15:50:34
笑呵呵 发表于 2022-1-19 15:24
我简单做了个实例,不知道是不是你需要的,你制作报告,拉一个文本参数组件,作为倒计时长的输入项,然后再 ...

可以实现像秒表一样的倒计时吗 精确到小数点后2位的
回复

使用道具 举报

美滋滋白银二 显示全部楼层 发表于 2022-1-19 15:52:10
yhdata_OZe7KorQ 发表于 2022-1-19 15:47
没好使呢 到9就不动了

不好使的话,一定是你没有完全按照我的步骤设置。
回复

使用道具 举报

美滋滋白银二 显示全部楼层 发表于 2022-1-19 15:54:54
yhdata_EO4vThtP 发表于 2022-1-19 15:50
可以实现像秒表一样的倒计时吗 精确到小数点后2位的

先不说是否可以实现按照秒表一样倒计时,先告诉我,我的这个实例是不是你需要的?
另外,我这个实例是利用了产品自身刷新功能,如果你想用我这个实例的方案来实现毫秒级的倒计时,这样做不太好。因为这个刷新每次都要刷新一下变化时运行的脚本。刷新频率太高的话,会影响报表效率,甚至会前一毫秒还没加载完,后一毫秒的刷新请求就又来了。会有问题的。
回复

使用道具 举报

yhdata_EO4vThtP青铜二 显示全部楼层 发表于 2022-1-19 15:56:13
笑呵呵 发表于 2022-1-19 15:24
我简单做了个实例,不知道是不是你需要的,你制作报告,拉一个文本参数组件,作为倒计时长的输入项,然后再 ...

因为如果输入小数点5.5的话 他会到0.5再回滚到5.5,所以想做成真正的秒表循环
回复

使用道具 举报

美滋滋白银二 显示全部楼层 发表于 2022-1-19 15:57:21
yhdata_EO4vThtP 发表于 2022-1-19 15:56
因为如果输入小数点5.5的话 他会到0.5再回滚到5.5,所以想做成真正的秒表循环 ...

你的需求不就是要循环吗?
回复

使用道具 举报

yhdata_EO4vThtP青铜二 显示全部楼层 发表于 2022-1-19 16:11:14
笑呵呵 发表于 2022-1-19 15:57
你的需求不就是要循环吗?

对呀 但是需要像秒表一样展示循环
回复

使用道具 举报

美滋滋白银二 显示全部楼层 发表于 2022-1-19 16:24:41
yhdata_EO4vThtP 发表于 2022-1-19 16:11
对呀 但是需要像秒表一样展示循环

按照我的方法是不可以的,别的方法有没有,我就不清楚了
回复

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部