jQuery里程表

Question

我想实现一个jQuery里程表，类似于opower.com的网站。到目前为止，我能够获得一些复制的代码，但是它们的里程表脚本周围有很多额外的代码，我复制的代码是臃肿和繁琐的，还有我不喜欢的令人难以置信的样式。< / p>

我想要的是一个基于文本的jQuery计数里程表，可以很容易地打包在一个漂亮干净的文件夹中。

• 计时器
• CSS
• HTML
• 图像

有人可以帮忙吗？

Answer 1

不要拖延旧的线程，但我一会儿遇到了类似的要求，最终构建了自己的解决方案。它类似于setInterval method;但是，它在顶部有一个更多的图形用户界面。它基于文本，在旧版浏览器上优雅地降级。

• Blog post
• JsFiddle

Answer 2

你看过这些：http://plugins.jquery.com/project/odoTicker

Answer 3

使用函数setInterval，您可以创建一个简单的计数器，类似于您提供的链接。我在这里做了一个简单的例子。 http://jsfiddle.net/ABrunkhorst/gacNE/

每250毫秒添加1到5之间的随机数。

Answer 4

对于可能遇到同样需求的任何人，我建议：http://github.hubspot.com/odometer/

添加脚本<script src="../odometer.js"></script>，使用类odometer标记包含起始编号的div，并在结束标记之前将以下脚本放在页面底部：

<script>
  setTimeout(function(){
    $('.odometer').text(240000); //THIS IS THE TIME IT ROTATES TO
  }, 500);//THIS IS THE DURATION TIME IT TAKES TO GET THERE
</script>