home *** CD-ROM | disk | FTP | other *** search
/ com!online 2002 May / comcd0502.iso / homepage / special / javascript / 06_01 / java / watchjs / watchjs.js < prev    next >
Encoding:
JavaScript  |  2000-10-12  |  5.7 KB  |  192 lines
  1. // CREDITS:
  2. // AnalagClock 2.01: select 3 different designs
  3. // by Urs Dudli and Peter Gehrig 
  4. // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.
  5. // Permission given to use the script provided that this notice remains as is.
  6. // Additional scripts can be found at http://www.24fun.com/fast/index.html
  7. // info@24fun.com
  8. // 10/12/2000
  9.  
  10. // IMPORTANT: 
  11. // If you add this script to a script-library or a script-archive 
  12. // you have to insert a link to http://www.24fun.com/fast/index.html 
  13. // right into the webpage where the script will be displayed.
  14.  
  15. // CONFIGURATION:
  16. // Go to http://www.24fun.com/fast/index.html, open category 'date' and 
  17. // download the ZIP-file of this script containing
  18. // all images and step-by-step instructions for easy configuration
  19.  
  20. var clipTop=0
  21. var clipBottom=clipTop+90
  22. var clipLeft
  23. var clipRight
  24. var isNS
  25.  
  26. if (document.layers) { (isNS=true) }
  27. var HIDDEN = (isNS) ? 'hide' : 'hidden';
  28. var VISIBLE = (isNS) ? 'show' : 'visible';
  29.  
  30. var imgSeconds
  31. var imgMinutes
  32. var imgHours
  33. var imgClock
  34.  
  35. var clipHours=""
  36. var clipMinutes=""
  37. var clipSeconds=""
  38.  
  39. var startLeft
  40. var startTop
  41.  
  42. var tunePosHour=-2
  43.  
  44. var plusHours=0
  45.  
  46. var heute= new Date()
  47. var datumtzahl="<font size=1>"+heute.getDate()+"</font>"
  48.  
  49. function initObjects() {
  50.     if (document.all) {
  51.         imgSeconds = document.all.imgSeconds.style
  52.         imgMinutes = document.all.imgMinutes.style
  53.         imgHours = document.all.imgHours.style
  54.         imgClock = document.all.imgClock.style
  55.         textDate.innerHTML=datumtzahl
  56.         
  57.         imgClock.posLeft=clockposLeft
  58.         imgClock.posTop=clockposTop
  59.         
  60.         startLeft=clockposLeft+2
  61.         startTop=clockposTop
  62.         
  63.         imgHours.posTop=startTop
  64.         imgMinutes.posTop=startTop
  65.         imgSeconds.posTop=startTop
  66.     
  67.         document.all.textDate.style.posTop=clockposTop+40
  68.         document.all.textDate.style.posLeft=clockposLeft+63
  69.     
  70.         imgSeconds.visibility=VISIBLE
  71.         imgMinutes.visibility=VISIBLE
  72.         imgHours.visibility=VISIBLE
  73.         imgClock.visibility=VISIBLE
  74.         document.all.textDate.style.visibility=VISIBLE
  75.     
  76.         tickIE()
  77.     }
  78.     
  79.     if (document.layers) {
  80.         imgSeconds = document.imgSeconds
  81.         imgMinutes = document.imgMinutes
  82.         imgHours = document.imgHours
  83.         imgClock = document.imgClock
  84.         document.textDate.document.write(datumzahl)
  85.         document.textDate.document.close()
  86.         
  87.         imgClock.left=clockposLeft
  88.         imgClock.top=clockposTop
  89.         
  90.         startLeft=clockposLeft+2
  91.         startTop=clockposTop
  92.         
  93.         imgHours.top=startTop
  94.         imgMinutes.top=startTop
  95.         imgSeconds.top=startTop
  96.     
  97.         document.textDate.top=clockposTop+40
  98.         document.textDate.left=clockposLeft+61
  99.         
  100.         imgSeconds.visibility=VISIBLE
  101.         imgMinutes.visibility=VISIBLE
  102.         imgHours.visibility=VISIBLE
  103.         imgClock.visibility=VISIBLE
  104.         document.textDate.visibility=VISIBLE
  105.     
  106.         tickNS()
  107.     }
  108. }
  109.  
  110. function tickIE() {
  111.     var now=new Date()
  112.     var nowHours=now.getHours()
  113.     var nowMinutes=now.getMinutes()
  114.     var nowSeconds=now.getSeconds()
  115.     if (nowHours>=12) {nowHours=nowHours-12}
  116.     if (nowMinutes<12) {plusHours=0}
  117.     if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
  118.     if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
  119.     if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
  120.     if (nowMinutes>=48) {var plusHours=360}
  121.     imgHours.posLeft=startLeft-(nowHours*90*5+plusHours)
  122.     clipLeft=nowHours*90*5+plusHours
  123.     clipRight=clipLeft+90
  124.     clipHours="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
  125.     imgHours.clip=clipHours    
  126.     if (nowSeconds!=0) {
  127.         imgMinutes.posLeft=startLeft-(nowMinutes*90)
  128.         clipLeft=nowMinutes*90
  129.         clipRight=clipLeft+90
  130.         clipMinutes="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
  131.         imgMinutes.clip=clipMinutes
  132.     }
  133.     imgSeconds.posLeft=startLeft-(nowSeconds*90)
  134.     clipLeft=nowSeconds*90
  135.     clipRight=clipLeft+90
  136.     clipSeconds="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
  137.     imgSeconds.clip=clipSeconds
  138.     var runClock=setTimeout("tickIE()", 100);
  139. }
  140.  
  141. function tickNS() {
  142.     var now=new Date()
  143.     var nowHours=now.getHours()
  144.     var nowMinutes=now.getMinutes()
  145.     var nowSeconds=now.getSeconds()
  146.     if (nowHours >= 12) {nowHours=nowHours-12}
  147.     if (nowMinutes<12) {plusHours=0}
  148.     if (nowMinutes>=12 && nowMinutes<24) {plusHours=90}
  149.     if (nowMinutes>=24 && nowMinutes<36) {plusHours=180}
  150.     if (nowMinutes>=36 && nowMinutes<48) {plusHours=270}
  151.     if (nowMinutes>=48) {var plusHours=360}
  152.     imgHours.left=startLeft-(nowHours*90*5+plusHours)
  153.     clipLeft=nowHours*90*5+plusHours
  154.     clipRight=clipLeft+90
  155.     imgHours.clip.left=clipLeft
  156.     imgHours.clip.right=clipRight
  157.     imgHours.clip.top=clipTop
  158.     imgHours.clip.bottom=clipBottom
  159.     if (nowSeconds!=0) {
  160.         imgMinutes.left=startLeft-(nowMinutes*90)
  161.         clipLeft=nowMinutes*90
  162.         clipRight=clipLeft+90
  163.         imgMinutes.clip.left=clipLeft
  164.         imgMinutes.clip.right=clipRight
  165.         imgMinutes.clip.top=clipTop
  166.         imgMinutes.clip.bottom=clipBottom
  167.     }
  168.     imgSeconds.left=startLeft-(nowSeconds*90)
  169.     clipLeft=nowSeconds*90
  170.     clipRight=clipLeft+90
  171.     imgSeconds.clip.left=clipLeft
  172.     imgSeconds.clip.right=clipRight
  173.     imgSeconds.clip.top=clipTop
  174.     imgSeconds.clip.bottom=clipBottom
  175.  
  176.     var runClock = setTimeout("tickNS()", 100);
  177. }
  178.  
  179. if (document.all) {
  180.     document.write("<DIV ID='imgClock' STYLE='position:absolute;visibility:hidden'><img src='"+whichwatch+".gif'></DIV>")
  181.     document.write("<DIV ID='textDate' STYLE='position:absolute;visibility:hidden'> </DIV>")
  182.     document.write("<DIV ID='imgSeconds' STYLE='position:absolute;visibility:hidden'><img src='sekundenzeiger.gif'></DIV>")
  183.     document.write("<DIV ID='imgHours' STYLE='position:absolute;visibility:hidden'><img src='stundenzeiger.gif'></DIV>")
  184.     document.write("<DIV ID='imgMinutes' STYLE='position:absolute;visibility:hidden'><img src='minutenzeiger.gif'></DIV>")
  185.     document.write("<DIV> </DIV>")
  186.     document.close()
  187. }
  188.  
  189. if (document.all) {
  190.     window.onload=initObjects
  191. }
  192.