无限随机数动画作为div

Question

我需要一个动画无限随机数生成器。 在div上会很棒。

使用JavaScript怎么可能？

谢谢。

Answer 1

您可以使用里程表（https://github.hubspot.com/odometer/）为更改的数字设置动画。它具有不同的主题来控制外观。

如果您希望它无限变化为随机数，则可以将其设置为间隔运行。

因此您可以使用html，如下所示：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="slider-inner">
          <div id="item" class="active"><p>#1</p></div>
          <div id="item" ><p>#2</p></div>
          <div id="item" ><p>#3</p></div>
        </div>

然后在JS文件中，只需更改元素的innerHTML，然后里程表即可处理动画。

<div id="odometer" class="odometer">123</div>

有关演示，请参见下面的小提琴（从其github的小提琴中更改）：

http://jsfiddle.net/4wtz8paL/2/