Javascripts > Javascript Clocks > World Time for 22 World Capitals
Script Title: World Time for 22 World Capitals
Description: Just doubleclick anywhere on the white space of this webpage and the local time of 22 capitals will appear. Doubleclick again and the worldtime will disappear.
Example: Available
Copy the following code into your <HEAD></HEAD> tags.<script language=javaScript> <!-- Beginning of JavaScript - // CREDITS: // World Time on Doubleclick by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.241fun.ch. // info@24fun.ch // 2/22/2000 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a link to http://www.24fun.ch on the webpage // where this script will be running. // CONFIGURATION: // Copy the script-block into the head section of your HTML-file. // Copy the style-sheet into the head section of your HTML-file. // Configure the part "timestyle" of the style-sheet (font, font-size, color etc.) // Copy the div-container (id="timediv") into the end of the body-section. // Configure the variables below: // Add as many locations as you like. The value right after the capital // represents the capital's time difference to GMT-time measured in hours var worldtime = new Array() worldtime[0]="Azores,-1" worldtime[1]="Baghdad,3" worldtime[2]="Beijing,8" worldtime[3]="Berlin,1" worldtime[4]="Buenos Aires,-3" worldtime[5]="Chicago,-6" worldtime[6]="Denver,-7" worldtime[7]="Hong Kong,8" worldtime[8]="Honolulu,-10" worldtime[9]="Johannesburg,2" worldtime[10]="Kairo,2" worldtime[11]="Lima,-5" worldtime[12]="London,0" worldtime[13]="Mexico City,-6" worldtime[14]="Moscow,3" worldtime[15]="New York,-5" worldtime[16]="Paris,1" worldtime[17]="Perth,8" worldtime[18]="Rio de Janheiro,-2" worldtime[19]="San Francisco,-8" worldtime[20]="Sydney,11" worldtime[21]="Tokyo,9" var hours var shifthours var minutes var seconds var localhours var pause=2000 var thisplace var thisline="" var showmenu=1 function showtime() { for (i=0; i<=worldtime.length-1;i++) { thisplace=worldtime[i].split(",") thistime= new Date() hours=thistime.getUTCHours() hours=eval(hours) shifthours=eval(thisplace[1]) localhours=eval(shifthours+hours) if (localhours <0) {localhours=24+localhours} if (localhours >=24) {localhours=localhours-24} minutes=thistime.getUTCMinutes() seconds=thistime.getUTCSeconds() if (thisplace[0]=='Delhi') { minutes=eval(minutes+30) if (minutes>=60) { minutes=eval(minutes-60) localhours=eval(localhours+1) } } if (eval(minutes) < 10) {minutes="0"+minutes} if (eval(seconds) < 10) {seconds="0"+seconds} if (eval(localhours) < 10) {localhours="0"+localhours} thisline+=localhours+":"+minutes+":"+seconds+" "+thisplace[0]+"<br>" } if (document.all) { timediv.innerHTML=thisline thisline="" var timer=setTimeout("showtime()",1000) } if (document.layers) { document.timediv.document.write("<span id='nn' class='timestyle'>") document.timediv.document.write(thisline) document.timediv.document.write("</span>") document.timediv.document.close() thisline="" } } function dblclick() { if (document.all && showmenu==1) { document.all.timediv.style.visibility="visible" document.all.timediv.style.posLeft=x document.all.timediv.style.posTop=y showtime() } if (document.layers && showmenu==1) { document.timediv.visibility="visible" document.timediv.left=x-40 document.timediv.top=y-80 showtime() } if (document.all && showmenu!=1) { document.all.timediv.style.visibility="hidden" } if (document.layers && showmenu!=1) { document.timediv.visibility="hidden" } showmenu=showmenu*-1 } if (document.layers) { document.captureEvents(Event.ONDBLCLICK); } document.ondblclick=dblclick; if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY } // - End of JavaScript - --> </script> <STYLE> .timestyle { position:absolute; left:50px; top:100px; font-family:Verdana; font-size:8pt; color:880000; background-color:DDDDFF; } .explainstyle { position:absolute; left:10px; top:160px; font-family:Verdana; font-size:8pt; color:000000; } </STYLE>
Copy the following code between the <BODY></BODY> tags of your html page.<div id="timediv" class="timestyle"></div>
Enter your name and email address to have this script sent right to your Inbox for later viewing. First Name Last Name Email