login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > JS > Datum en Tijd > Wereldklok

Wereldklok

Auteur: webscriptz - 31 augustus 2004 - 19:02 - Gekeurd door: Dennisvb - Hits: 16726 - Aantal punten: 4.25 (2 stemmen)




Zet zoveel klokken op je scherm als je wilt met deze prachtige wereldklok.
OOk op mijn site te vinden

Code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>wereldklok</title>
  4.  
  5. <script language="JavaScript" type="text/javascript">
  6. var timerID;
  7. function tijdzone(tz, gmt, zt, kleur){
  8. this.at = new Date(0); // datum en tijd
  9. this.tz = tz; // tijdzone
  10. this.gmt = gmt; // GMT tijd
  11. this.zt = zt; // zomer_ of winteruur
  12. this.kleur = kleur; // tekstkleur
  13. }
  14.  
  15. function StartKlokken(){
  16. var at = new Array(
  17. // ('plaatsnaam', verschil met GMT, zomeruur wordt toegepast=1 of 0 indien niet, 'tekstkleur')
  18. new tijdzone('Locale tijd <br>', +1, 1, 'blue'),
  19. new tijdzone('New York <br>', -5, 1, 'darkgreen'),
  20. new tijdzone('Londen<br> ', 0, 1, 'black'),
  21. new tijdzone('Kathmandu <br>', +5.75, 0, 'red')// geen komma na laatste item!
  22.  
  23. );
  24.  
  25. var dt = new Date(); // GMT-tijd volgens de computerklok
  26. var startDST = new Date(dt.getFullYear(), 3, 1);
  27. while (startDST.getDay() != 0)
  28. startDST.setDate(startDST.getDate() + 1);
  29. var endDST = new Date(dt.getFullYear(), 9, 31);
  30. while (endDST.getDay() != 0)
  31. endDST.setDate(endDST.getDate() - 1);
  32. var zt_actief; // zomeruur actief
  33. if (startDST < dt && dt < endDST) zt_actief = 1;
  34. else zt_actief = 0;
  35. // klok aanpassen aan zomer- of winteruur
  36. for(n=0; n<at.length; n++)
  37. if (at[n].zt == 1 && zt_actief == 1) at[n].gmt++;
  38. // compensatie tijdzones
  39. gmdt = new Date();
  40. for (n=0; n<at.length; n++)
  41. at[n].at = new Date(gmdt.getTime() + at[n].gmt * 3600 * 1000);
  42. document.all.Klok0.innerHTML =
  43. '<font color="' + at[0].kleur + '">' + at[0].tz + KlokString(at[0].at) + '</font>';
  44. document.all.Klok1.innerHTML =
  45. '<font color="' + at[1].kleur + '">' + at[1].tz + KlokString(at[1].at) + '</font>';
  46. document.all.Klok2.innerHTML =
  47. '<font color="' + at[2].kleur + '">' + at[2].tz + KlokString(at[2].at) + '</font>';
  48. document.all.Klok3.innerHTML =
  49. '<font color="' + at[3].kleur + '">' + at[3].tz + KlokString(at[3].at) + '</font>';
  50.  
  51. timerID = window.setTimeout("StartKlokken()", 1001);
  52. }
  53.  
  54. function KlokString(dt){
  55. var stemp;
  56. var dt_year = dt.getUTCFullYear();
  57. var dt_month = dt.getUTCMonth() + 1;
  58. var dt_day = dt.getUTCDate();
  59. var dt_hour = dt.getUTCHours();
  60. var dt_minute = dt.getUTCMinutes();
  61. var dt_second = dt.getUTCSeconds();
  62. dt_year = dt_year.toString();
  63. if (dt_hour < 10) dt_hour = '0' + dt_hour;
  64. if (dt_minute < 10) dt_minute = '0' + dt_minute;
  65. if (dt_second < 10) dt_second = '0' + dt_second;
  66. stemp = + dt_day +'/'+ dt_month +'/'+ dt_year.substr(2,2)+'<br>';
  67. stemp = stemp + ' ' + dt_hour + ":" + dt_minute + ":" + dt_second;
  68. return stemp;}
  69. </script>
  70. </head>
  71.  
  72. <body onLoad="StartKlokken()">
  73.  
  74. <table border="0" cellspacing="0" width="100%">
  75. <tr style="font-family: Verdana, Tahoma, Arial; font-size: x-small; font-weight:bold">
  76. <td ID="Klok0" width="25%"></td>
  77. <td ID="Klok1" width="25%"></td>
  78. <td ID="Klok2" width="25%"></td>
  79. <td ID="Klok3" width="25%"></td>
  80. </tr>
  81. </table>
  82.  
  83. </body>
  84. </html>
Download code! Download code (.txt)

 Bekijk een voorbeeld van dit script!
 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Lees de reacties (1)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.027s