LCD Clock

Description: Display the time with style using this LCD clock script.. Note that the "digital" interface is visible in IE4+ and NS6+ only, with other browsers displaying a plain "form" clock instead.
Example:

Step 1: Insert the following style sheet to the <HEAD> section of your page:

Step 2: Add the below code into the <BODY>, where you wish the clock to appear:

<span id="digitalclock" class="styling"></span><br />
<br />
<script>
<!--

//LCD Clock script- by javascriptkit.com
//Visit JavaScript Kit (http://javascriptkit.com) for script
//Credit must stay intact for use

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

if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="11"></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+" : "+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+" : "+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script><br />
<-------Donot-Remove------><br />
<p>This free script provided by<br /><br />
<a href="http://allthingforwebsitedesigner.blogspot.com/" rel="All Thing For Website Designer"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4AVmZFL0elOLDRS7lx25bbJDfnkIoIWsN1uNDPpj3qj3J4OjpwGQzR7Ixo-J2wxIiiWQBFG3Um3xeRJRsyH5Dn2dll5nBTi84mzSGKCdfLnHITqRkaqbkiySm9NHpK6r_6DIvfn4_6mY/s128/cooltext500986594.gif" alt="Scripts And Website Designing" /></a></p>

<-------Donot-Remove------->

Donate Now

Respected Readers:
Respected Readers: As a 21 year old student, the only income I rely on is my pocket money. Bearing the running costs of MBT Blog has become really difficult. We educate thousands of bloggers a week with our tutorials. To help us go forward with the same spirit, a small contribution from your side will highly be appreciated.

Kindly Bookmark this Post using your favorite Bookmarking service: