Go4Expert

Go4Expert (http://www.go4expert.com/)
-   JavaScript and AJAX (http://www.go4expert.com/articles/javascript-tutorials/)
-   -   Clock in JavaScript (http://www.go4expert.com/articles/clock-in-javascript-t1684/)

pradeep 20Oct2006 12:48

Clock in JavaScript
 
Let us make a form based clock that displays time in the 24 hour format. We use the Date() object to get the hours, minutes, seconds of the day. setTimeoiut() evaluates an expression or calls a function after a certain amount of time, specified in milliseconds. We use setTimeout() to call the update() function every one second. So the clock in the text element is updated every second.

HTML Code:

<form name="Form1">
 <input type="text" size="8" name="Clock">
 </form>
 <script>
 function update()
 {
        var today=new Date();
        var hours=today.getHours();
        var minutes=today.getMinutes();
        var seconds=today.getSeconds();
        if (hours<10)
                hours="0"+hours;
        if (minutes<10)
                minutes="0"+minutes;
        if (seconds<10)
                seconds="0"+seconds;
        document.Form1.Clock.value=hours+":"+minutes+":"+seconds;
        setTimeout("update()",1000);
 }
 update();
 </script>



All times are GMT +5.5. The time now is 03:09.