Digital clock using JavaScript

Purushottam Rathore

The text of this article is not in this database — only its details are. Read it on the old site: Digital clock using JavaScript

Digital clock in JavaScript LCD clock

3 Comments

Join the conversation! Your thoughts help the community grow.

avaneet kumar17y ago
Free JavaScript code for Digital Clock at: http://www.etechplanet.com/post/2009/03/22/Digital-Clock-using-JavaScript.aspx
chandara prum17y ago
I want to you to help me. I want to design digital clock that it has second is running with minute and hour. It means it is displayed hour, minute and second are running. Thanks
- Purushottam Rathore17y ago
  Hello friend Thanks to support me. U can try this script to display time with Hours, minuts and seconds. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DigitalClock.aspx.cs" Inherits="DigitalClock" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>DigitalClock</title> <script type="text/javascript"> /* showClock() function extracts the current time hours, minutes and seconds and then displays them in the div with showText id from the BODY section */ function showClock() { var clock=new Date(); var hours=clock.getHours(); var minutes=clock.getMinutes(); var seconds=clock.getSeconds(); // for a nice disply we'll add a zero before the numbers between 0 and 9 if (hours<10) { hours="0" + hours; } if (minutes<10) { minutes="0" + minutes; } if (seconds<10) { seconds="0" + seconds; } document.getElementById('showText').innerHTML=hours+":"+minutes+":"+seconds; t=setTimeout('showClock()',500); /* setTimeout() JavaScript method is used to call showClock() every 1000 milliseconds (that means exactly 1 second) */ } </script> </head> <body onload="showClock()"> <div id="showText"> </div> <form id="form1" runat="server"> <div> </div> </form> </body> </html>