»
EnglishFrenchVietnamese

Print - Background clock counting seconds in realtime - JavaScriptBank.com

Full version: jsB@nk » Time » Clock » Background clock counting seconds in realtime
URL: http://www.javascriptbank.com/background-clock-counting-seconds-in-realtime.html

Background clock counting seconds in realtime © JavaScriptBank.comDHTML background realtime clock with graphic look (shadow effect). Loads in less than 4 seconds. Easy to configure and install.

Full version: jsB@nk » Time » Clock » Background clock counting seconds in realtime
URL: http://www.javascriptbank.com/background-clock-counting-seconds-in-realtime.html



JavaScript
<SCRIPT language=javaScript><!-- Beginning of JavaScript -function clockon() {thistime= new Date()var hours=thistime.getHours()var minutes=thistime.getMinutes()var seconds=thistime.getSeconds()if (eval(hours) <10) {hours="0"+hours}if (eval(minutes) < 10) {minutes="0"+minutes}if (seconds < 10) {seconds="0"+seconds}thistime = hours+":"+minutes+":"+secondsif(document.all) {bgclocknoshade.innerHTML=thistimebgclockshade.innerHTML=thistime}if(document.layers) {document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:12px">'+thistime+'</div>')document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:10px">'+thistime+'</div>')document.close()}var timer=setTimeout("clockon()",200)}// - End of JavaScript - --></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<body onload=clockon()><DIV id=bgclockshade style="COLOR: #ff8888; FONT-FAMILY: Verdana; FONT-SIZE: 120px; LEFT: 12px; POSITION: absolute; TOP: 102px; VISIBILITY: visible; z-index: -100;"></DIV><DIV id=bgclocknoshade style="COLOR: #dddddd; FONT-FAMILY: Verdana; FONT-SIZE: 120px; LEFT: 10px; POSITION: absolute; TOP: 100px; VISIBILITY: visible; z-index: -100;"></DIV></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->