Question

所以，我有3个数字[1、2、3]

然后我正在运行JS随机函数，并且JS选择这些数字之一。我已经完成了这一部分，对我来说似乎并不难。

但是现在我想在JS / jQuery中创建动画，

我将这三个数字之一放入变量中，并且我的动画功能应该在3秒钟内开始更改div中的数字（遍历数组）。但是速度不应该是恒定的。号码更改应减慢速度，直到经过3秒。然后它应该停在变量的my数字上。

能否请您举些例子，我如何才能达到这个结果？我找不到办法。

Answer 1

要提高速度，您可以为间隔指定一个因子，为该间隔之前的所有间隔的总和取一个偏移量。

您可以尝试使用开始间隔和/或因子。

var array = [9, 8, 7, 6, 5, 4, 3, 2, 1],
    interval = 1400,
    p = 0;

array.forEach((v, i) => setTimeout(_ => document.getElementById('out').innerHTML = v, (interval /= 1.5, p += interval)));

<span id="out"></span>

如何在JS中制作动画以从数组中选择值？

1 个答案: