jQuery里程表

时间:2011-08-24 18:39:25

标签: php jquery

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

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

  • 计时器
  • CSS
  • HTML
  • 图像

有人可以帮忙吗?

4 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:1)

答案 2 :(得分:1)

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

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

答案 3 :(得分:0)

对于可能遇到同样需求的任何人,我建议: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>