Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CountUp.js:useasing=false不';I don’我不能计算准确的时间_Javascript - Fatal编程技术网

Javascript CountUp.js:useasing=false不';I don’我不能计算准确的时间

Javascript CountUp.js:useasing=false不';I don’我不能计算准确的时间,javascript,Javascript,我想使用CountUp.js进行计数,因为它提供了一个很好的动画。但是,我希望允许用户设置计数器的速度。然而,我发现计时器有点错误 我遵循中提供的示例,下面是我的代码: let test = new CountUp('test', 1000000, { duration: 1000000, useEasing: false }); test.start(); 我试图以每秒1的增量数到100万。为了实现这一点,我设定了100万秒的持续时间 但是,当我运行测试时,增量并不是正好在1秒发生的。这是故

我想使用CountUp.js进行计数,因为它提供了一个很好的动画。但是,我希望允许用户设置计数器的速度。然而,我发现计时器有点错误

我遵循中提供的示例,下面是我的代码:

let test = new CountUp('test', 1000000, { duration: 1000000, useEasing: false });
test.start();
我试图以每秒1的增量数到100万。为了实现这一点,我设定了100万秒的持续时间

但是,当我运行测试时,增量并不是正好在1秒发生的。这是故意的吗?如何实现精确的1秒


谢谢

CountUp.js在设计上不是线性的,但是拥有一个自己的基本计数器并不难(不,我没有停止或开始,但是如果你想,我可以制作一个类来模拟开始和停止以及其他东西)

此计数器完全线性计数,以一个元素、秒为单位计数,以一个数字为单位计数

函数CountUp(elem,secondsToCountIn,numberToCountTo){
var n=0
var i=设定间隔(
()=>{
如果(n>numberToCountTo){返回clearInterval(i)}
元素innerText=n
n++
},
((secondsToCountIn/numberToCountTo)*1000.toFixed()
)
}
//示例用法
倒计时(document.getElementById('y'),207000)
倒计时(document.getElementById('x'),10001000)


我不认为它用于此。。仔细观察它,你会发现当每个数字达到它的目标时,它会变慢。。如果我的目标是7777,它将以一定的速度运行到7000,然后以较慢的速度(大约慢10倍)到7700,再慢100倍到7770,然后再慢1000倍到7777。。注意:我在估计,这可能是一种不同的减速方法,但它随着接近目标而减速,如果不够,计数率不是线性的