clock.js 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. var dt, ho, mi, se, per, tz, da, mo, ye, t;
  2. ci1 = new Image(); ci1.src = "images/clock/1.png";
  3. ci2 = new Image(); ci2.src = "images/clock/2.png";
  4. ci3 = new Image(); ci3.src = "images/clock/3.png";
  5. ci4 = new Image(); ci4.src = "images/clock/4.png";
  6. ci5 = new Image(); ci5.src = "images/clock/5.png";
  7. ci6 = new Image(); ci6.src = "images/clock/6.png";
  8. ci7 = new Image(); ci7.src = "images/clock/7.png";
  9. ci8 = new Image(); ci8.src = "images/clock/8.png";
  10. ci9 = new Image(); ci9.src = "images/clock/9.png";
  11. ci0 = new Image(); ci0.src = "images/clock/0.png";
  12. cia = new Image(); cia.src = "images/clock/a.png";
  13. cip = new Image(); cip.src = "images/clock/p.png";
  14. cpl = new Image(); cpl.src = "images/clock/plus.png";
  15. cmi = new Image(); cmi.src = "images/clock/minus.png";
  16. function updateTimezone() {
  17. if (!document.images) return;
  18. dt = new Date();
  19. tz = -dt.getTimezoneOffset();
  20. // Timezone Offset
  21. if (tz < 0) {
  22. document.images.tzs.src = cmi.src;
  23. tz = -tz;
  24. } else {
  25. document.images.tzs.src = cpl.src;
  26. }
  27. t = tz / 60;
  28. document.images.tz3.src = eval("ci" + Math.floor(t / 10) + ".src");
  29. document.images.tz2.src = eval("ci" + (t % 10) + ".src");
  30. t = (tz % 60);
  31. document.images.tz1.src = eval("ci" + Math.floor(t / 10) + ".src");
  32. document.images.tz0.src = eval("ci" + (t % 10) + ".src");
  33. }
  34. function updateTime() {
  35. if (!document.images) return;
  36. dt = new Date();
  37. ho = dt.getHours();
  38. mi = dt.getMinutes();
  39. se = dt.getSeconds();
  40. per = "a";
  41. if (ho >= 12) {
  42. per = "p";
  43. ho = ho - 12;
  44. }
  45. if (ho == 0) ho = 12;
  46. // Hours
  47. document.images.ho1.src = eval("ci" + Math.floor(ho / 10) + ".src");
  48. document.images.ho0.src = eval("ci" + (ho % 10) + ".src");
  49. // Minutes
  50. document.images.mi1.src = eval("ci" + Math.floor(mi / 10) + ".src");
  51. document.images.mi0.src = eval("ci" + (mi % 10) + ".src");
  52. // Seconds
  53. document.images.se1.src = eval("ci" + Math.floor(se / 10) + ".src");
  54. document.images.se0.src = eval("ci" + (se % 10) + ".src");
  55. // AM/PM
  56. document.images.per.src = eval("ci" + per + ".src");
  57. setTimeout("updateTime()", 1000);
  58. }
  59. function updateDate() {
  60. if (!document.images) return;
  61. dt = new Date();
  62. da = dt.getDate();
  63. mo = dt.getMonth() + 1;
  64. ye = dt.getFullYear();
  65. // Year
  66. t = (ye % 100);
  67. document.images.ye1.src = eval("ci" + Math.floor(t / 10) + ".src");
  68. document.images.ye0.src = eval("ci" + (t % 10) + ".src");
  69. ye = ye / 100;
  70. document.images.ye3.src = eval("ci" + Math.floor(ye / 10) + ".src");
  71. document.images.ye2.src = eval("ci" + (ye % 10) + ".src");
  72. // Month
  73. document.images.mo1.src = eval("ci" + Math.floor(mo / 10) + ".src");
  74. document.images.mo0.src = eval("ci" + (mo % 10) + ".src");
  75. // Day
  76. document.images.da1.src = eval("ci" + Math.floor(da / 10) + ".src");
  77. document.images.da0.src = eval("ci" + (da % 10) + ".src");
  78. setTimeout("updateDate()", 1000);
  79. }