« »

This digital clock JavaScript code attempts to parody that cool 'glowing in the dark night' look of a LCD clock watch by its interface. LCD displays the time in standard 12-hour format, with a 'AM' and 'PM' indicator. Note that in non IE4+/NS6+ browsers, a regular form HTML clock is displayed instead. You can make this clock free download easily.

Label: LCD, digital clock, clock, LCD Clock script, clock free download, clock watch, HTML clock, LCD displays, 12-hour, Internet Explorer, Netscape

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 15px MS Sans Serif;
padding: 3px;
}
-->
</style>

Copy All x2

<script>
<!--
/*****************************************
* LCD Clock script- by Javascriptkit.com
*****************************************/

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="6"></form>')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='lime'>&nbsp;:&nbsp;</font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'>&nbsp;:&nbsp;</font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script>

Copy All x2

<span id="digitalclock" class="styling"></span>

Comment (0)
Write

by Preview

Write your comment

Comments of Guest will be previwed

Your name *
Your email *
Your site

Title

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

29/01/2007
JavaScript Kit [more]
2,322
0
10
0
3.54 KBytes

anhtiep[3]

Let's be first member to do this

anhtiep

Trailing Clock Cursor

Top Web Hosting Reviews

JavaScript by day

Links

Free Joomla templates

onMouseOver slideshow popup Corner calendar Transition Drag frame redirect file editor open validation search rich MARQUEE banner menu tab clipboard Internet snake Remember checkbox md5 java load css form prototype

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

LCD Digital Clock

Label: LCD, digital clock, clock, LCD Clock script, clock free download, clock watch, HTML clock, LCD displays, 12-hour, Internet Explorer, Netscape google_ad_client = "pub-8741228267140329"; google_ad_slot = "2932770500"; google_ad_width = 468; google_ad_height = 15;

Write your comment

JavaScript by day

Links

Label: LCD, digital clock, clock, LCD Clock script, clock free download, clock watch, HTML clock, LCD displays, 12-hour, Internet Explorer, Netscape