永洪社区

标题: js实现倒计时功能 [打印本页]

作者: yhdata_EO4vThtP 时间: 2022-1-19 15:05
标题: js实现倒计时功能
先写一个可以输入小数的倒计时功能

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

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

作者: 美滋滋 时间: 2022-1-19 15:24
我简单做了个实例，不知道是不是你需要的，你制作报告，拉一个文本参数组件，作为倒计时长的输入项，然后再拉一个文本组件作为倒计时显示。文本组件在设置中，找到高级，设置刷新时间为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

笑呵呵发表于 2022-1-19 15:24
我简单做了个实例，不知道是不是你需要的，你制作报告，拉一个文本参数组件，作为倒计时长的输入项，然后再 ...

没好使呢到9就不动了

作者: yhdata_EO4vThtP 时间: 2022-1-19 15:50

笑呵呵发表于 2022-1-19 15:24
我简单做了个实例，不知道是不是你需要的，你制作报告，拉一个文本参数组件，作为倒计时长的输入项，然后再 ...

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

作者: 美滋滋 时间: 2022-1-19 15:52

yhdata_OZe7KorQ 发表于 2022-1-19 15:47
没好使呢到9就不动了

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

作者: 美滋滋 时间: 2022-1-19 15:54

yhdata_EO4vThtP 发表于 2022-1-19 15:50
可以实现像秒表一样的倒计时吗精确到小数点后2位的

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

作者: yhdata_EO4vThtP 时间: 2022-1-19 15:56

笑呵呵发表于 2022-1-19 15:24
我简单做了个实例，不知道是不是你需要的，你制作报告，拉一个文本参数组件，作为倒计时长的输入项，然后再 ...

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

作者: 美滋滋 时间: 2022-1-19 15:57

yhdata_EO4vThtP 发表于 2022-1-19 15:56
因为如果输入小数点5.5的话他会到0.5再回滚到5.5，所以想做成真正的秒表循环 ...

你的需求不就是要循环吗？

作者: yhdata_EO4vThtP 时间: 2022-1-19 16:11

笑呵呵发表于 2022-1-19 15:57
你的需求不就是要循环吗？

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

作者: 美滋滋 时间: 2022-1-19 16:24

yhdata_EO4vThtP 发表于 2022-1-19 16:11
对呀但是需要像秒表一样展示循环

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

作者: _贝贝 时间: 2022-1-19 17:00

yhdata_EO4vThtP 发表于 2022-1-19 16:11
对呀但是需要像秒表一样展示循环

因为产品刷新间隔是1s起。本地也尝试过其他方式，效果都是一样的，做不到完全意义上像秒表一样展示循环

欢迎光临永洪社区 (https://club.yonghongtech.com/)