Full version: jsB@nk » Time » Clock » World Time for 22 World Capitals on Doubleclick
URL: https://www.javascriptbank.com/world-time-for-22-world-capitals-on-doubleclick.html
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. Easy. Smart. Useful.
Full version: jsB@nk » Time » Clock » World Time for 22 World Capitals on Doubleclick
URL: https://www.javascriptbank.com/world-time-for-22-world-capitals-on-doubleclick.html
<STYLE>.timestyle {BACKGROUND-COLOR: #ddddff; COLOR: #880000; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; LEFT: 50px; POSITION: absolute; TOP: 100px}.explainstyle {COLOR: #000000; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; LEFT: 10px; POSITION: absolute; TOP: 160px}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=javaScript><!-- Beginning of JavaScript -// 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 hoursvar 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 hoursvar shifthoursvar minutesvar secondsvar localhoursvar pause=2000var thisplacevar thisline=""var showmenu=1function 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=thislinethisline=""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=xdocument.all.timediv.style.posTop=yshowtime()}if (document.layers && showmenu==1) {document.timediv.visibility="visible"document.timediv.left=x-40document.timediv.top=y-80showtime()}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.clientXy = (document.layers) ? e.pageY : event.clientY}// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><DIV class=timestyle id=timediv></DIV><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->