【问题标题】:jQuery - simulate a page view counterjQuery - 模拟页面查看计数器
【发布时间】:2012-10-02 13:11:06
【问题描述】:

我正在模拟一个带有图像的 8 位计数器,基于实数。

  • 开始日期:10 月 1 日
  • 最后日期:10 月 31 日
  • 按天数增加:100 000 (DAYS)
  • 数字按小时增加:10 000 (HOURS)
  • 数字以分钟为单位增加:1 000 (MIN)

假设用户在 10 月 5 日凌晨 3:10 打开页面

数学应该是这样的:(DAY)*5 + (HOURS)*3 + (MIN)*10。然后将此数字与图像一起显示(9 分隔图像)。

第二部分,为了让它更具动态性,如果用户停留在页面上并观看计数器,我希望数字从上到下动画以制作数字时钟效果。

我希望它以随机的方式更新,而不是在固定的时间间隔内。因此,假设它可以在 10 秒到 1 分钟的延迟内发生变化。

我正在纠结从哪里/如何开始。有人能指出我正确的方向吗?

为了更清晰的参考,我想要这样的东西: http://demos.2lessons.info/flip-visitor-counter/

【问题讨论】:

  • 你试过什么。这不是代码工厂。你能得到日期部分吗?你能做基本的计算吗?
  • 为什么不从访问您发布的链接开始。尝试对其进行逆向工程并对其进行修改以执行您想要的操作。这就是你学习如何做事的方式。拿起 JS、CSS 和图像文件,然后去镇上。
  • 那你为什么不用that flip counter你找到的?

标签: javascript jquery counter


【解决方案1】:
猜你喜欢
  • 1970-01-01
  • 2017-12-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多