如何计算两个不同的值而不是同时停止

Question

我正在使用jquery.countTo来计数两个不同的值，但问题是，即使值不同，计数也同时开始并在相同时间停止。如何同时开始计数并在值达到峰值时停止计数。例如，当216到达216时应该停止，而249一直计数直到249。谢谢

$('#cat-'+catNum+' span#asp-1-ev').countTo({from: 1,to: 249,speed:50000});
$('#cat-'+catNum+' span#asp-2-ev').countTo({from: 1,to: 216,speed:50000});

Answer 1

speed选项定义达到终点所需的时间。由于您为两个计数器设置了相同的值，因此它们将同时完成。

请参见documentation：

  

速度|数据速度|完成计数应花费的毫秒数。 （默认：1000）

如果您希望两个小部件中的增量以相等的间隔发生，则可以动态计算此speed选项：

const speed = 200;
$('#a').countTo({from: 1, to: 249, speed: 249*speed});
$('#b').countTo({from: 1, to: 216, speed: 216*speed});