动态时钟:通过计算机时钟更改图像

时间:2011-06-09 03:27:15

标签: javascript image time rotation clock

我希望图像根据用户的时钟每分钟更改一次。此外,我希望图像与特定的HH:MM相关联。因此,当计算机从下午3:00移动到下午3:01时......回到下午2:59,我希望图像从0001.jpg移动到0002.jpg ....到1440.jpg。然后在下午3:00和0001.jpg重复该过程。我们的想法是,每次用户浏览网站时,序列都不会从0001.jpg重新开始。

我想知道是否:

  1. javascript或php更好
  2. 我应该将所有1440个jpg图像放在一个数组或数据库中
  3. 谢谢,

    明提

2 个答案:

答案 0 :(得分:1)

简而言之,这就是我的方法:

  1. 确保您的网络服务器配置为发送缓存信息,以便浏览器不必多次加载任何图像至少几天。 500k * 1440 =很多带宽。

  2. 使用javascript;每个 t 分钟开始批量下载并获取下一个 t 分钟所需的图像,并将它们存储在一个数组中。

  3. 每隔60秒,从您的堆栈中弹出一个图像并进入您的用户界面。

答案 1 :(得分:0)

1440张图片绝对不是解决这个问题的方法 如果你使用HTML5,http://ineedmoretime.org/有一个很酷的实现。

可以轻松复制。 (在Chrome / Safari / Firefox上观看链接,因为它需要SVG)
为此创造了一个小提琴:http://jsfiddle.net/naveen/kx5cT/

P.S:我现在在javascript中热链接http://ineedmoretime.org/images/clock-background.png。请将它放在你的文件夹中。