Php jQuery里程表

Php jQuery里程表,php,jquery,Php,Jquery,我想实现一个jQuery里程表,类似于opower.com的网站。到目前为止,我能够得到一点复制的代码来工作,但在他们的里程表脚本周围有这么多额外的代码,我复制的代码过于臃肿和繁琐,加上我不喜欢的令人难以置信的样式 我想要的是一个基于文本的jQuery累积里程计,它可以很容易地打包到一个干净的文件夹中 计时器 css html 图像 有人能帮忙吗?您看过这些吗:您看过这些吗:使用函数setInterval,您可以创建一个简单的计数器,类似于您提供的链接。我在这里举了一个简单的例子 每隔250

我想实现一个jQuery里程表,类似于opower.com的网站。到目前为止,我能够得到一点复制的代码来工作,但在他们的里程表脚本周围有这么多额外的代码,我复制的代码过于臃肿和繁琐,加上我不喜欢的令人难以置信的样式

我想要的是一个基于文本的jQuery累积里程计,它可以很容易地打包到一个干净的文件夹中

  • 计时器
  • css
  • html
  • 图像

有人能帮忙吗?

您看过这些吗:

您看过这些吗:

使用函数
setInterval
,您可以创建一个简单的计数器,类似于您提供的链接。我在这里举了一个简单的例子


每隔250毫秒添加一个介于1和5之间的随机数。

使用函数
setInterval
,您可以创建一个简单的计数器,类似于您提供的链接。我在这里举了一个简单的例子


每隔250毫秒添加一个介于1和5之间的随机数。

并不意味着要拖出一个旧线程,但我不久前遇到了类似的要求,最终构建了自己的解决方案。它类似于;不过,它的顶部有一个更具图形化的UI。它是基于文本的,在较旧的浏览器上会优雅地退化


我并不想拖上一个旧线程,但不久前我遇到了类似的需求,最终构建了自己的解决方案。它类似于;不过,它的顶部有一个更具图形化的UI。它是基于文本的,在较旧的浏览器上会优雅地退化


    • 对于可能遇到同样需求的任何人,我建议:

      添加脚本
      ,用class
      里程表标记包含起始号码的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>
      
      
      setTimeout(函数(){
      $('.odometer').text(240000);//这是它旋转到的时间
      }, 500);//这是到达那里所需的持续时间
      
      对于可能遇到同样需求的任何人,我建议:

      添加脚本
      ,用class
      里程表标记包含起始号码的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>
      
      
      setTimeout(函数(){
      $('.odometer').text(240000);//这是它旋转到的时间
      }, 500);//这是到达那里所需的持续时间
      
      是的,我有…但它使用图像,而不是文本。是的,我有…但它使用图像,而不是文本。看起来很棒,我会试一试。现在,我假设让文本更新为div而不是输入框,我可以在javascript文档中使用它。getElementById('counter')。innerHTML;的确我将这个提琴更新为使用div。看起来很棒,我将试一试。现在,我假设让文本更新为div而不是输入框,我可以在javascript文档中使用它;的确我把这把小提琴改成了div。