Code.GeekInterview.com
 
Code Samples HTML
 

Clock


Code ResourceAuthor: Nidhi Saxena  

Difficulty Level: Intermediate

Published: 11th Feb 2011   Read: 1942 times  

Filed in: HTML
Add Comment


 

 

Sponsored Links


 

 
Clock using system time in HTML page
 


Sample Code
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function startTime()
  5. {
  6. var today=new Date();
  7. var h=today.getHours();
  8. var m=today.getMinutes();
  9. var s=today.getSeconds();
  10. // add a zero in front of numbers<10
  11. m=checkTime(m);
  12. s=checkTime(s);
  13. document.getElementById('txt').innerHTML=h+":"+m+":"+s;
  14. t=setTimeout('startTime()',500);
  15. }
  16.  
  17. function checkTime(i)
  18. {
  19. if (i<10)
  20.   {
  21.   i="0" + i;
  22.   }
  23. return i;
  24. }
  25. </script>
  26. </head>
  27.  
  28. <body onload="startTime()">
  29. <div id="txt"></div>
  30. </body>
  31. </html>
Copyright GeekInterview.com


Next Article: Form Designer


 

Latest Code Samples

 

Popular Code Samples

 

Related Code Samples

 

Post Your Comment:

Members Please Login
Your Name:*
e-mail ID:(required for notification)*
Image Verification: 
 
 Subscribe    



Popular Coders

# Coder NameHits
1. RyanJames4063
2. chowsys3179
3. Nidhi Saxena1943

Active Coders

# Coder NameCodes
1. chowsys1
2. RyanJames1
3. Nidhi Saxena1

Refined Tags