A simple running clock in javascript
A simple running clock in javascript
Here I show how to code for a simple digital clock in javascript. The
advantage of javascript is that it is only a client side scripting
language.
Here’s the code…
<html> | |
<head> | |
<title></title> | |
<script type=”text/javascript”> | |
function getClock() | |
{ | |
var clock = new Date(); | |
var hours12; | |
var ampm = “AM”; | |
var hours24 = clock.getHours(); | |
var minutes = clock.getMinutes(); | |
var seconds = clock.getSeconds(); | |
if (hours24>=13) | |
{ | |
hours12 = hours24 – 12; | |
ampm = “PM”; | |
} | |
else if (hours24==12) | |
{ | |
hours12 = 12; | |
ampm = “PM”; | |
} | |
else if (hours24==0) | |
{ | |
hours12 = 12; | |
} | |
else | |
{ | |
hours12 = hours24; | |
} | |
if(hours12<10) | |
{ | |
hours12 =”0″+hours12; | |
} | |
if (minutes<10) | |
{ | |
minutes = “0” + minutes; | |
} | |
if(seconds<10) | |
{ | |
seconds =”0″+seconds; | |
} | |
var time = hours12 + ” : ” + minutes +” : “+ seconds + ” ” + ampm; | |
document.title = time; | |
document.getElementById(“clock”).innerHTML = time; | |
timer = setTimeout(“getClock()”,1000); | |
} | |
</script> | |
<body onload=”getClock()”> | |
<div id=”clock”></div> | |
</body> | |
</html> |
Don’t forget to put some styles on to this clock. For look more pretty
Thankx for visit meh:::::::::: :D :D
Comments