Stylish analog clock
Written by 21 January 2013
Stylish analog clock with counting Min. feature.
Code Snippet:
<!-- this script is provided by https://www.htmlfreecode.com coded by: Kerixa Inc. -->
<!-- this script got from www.htmlfreecode.com - Coded by: Krishna Eydat -->
<html>
<head>
<center>
<table style="border:5px solid#cfcfcf; border-radius:30px 0px 30px; box-shadow:0px 10px 10px rgba(5,5,5,5);">
<td><table border="0">
<h1>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>
<body onLoad="startTime()">
</td>
<div id="txt"></div></h1></table>
</center>
</table>
</body>
</html>
<font face="Tahoma"><a target="_blank" href="http://www.htmlfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font><a target='_blank' href='https://www.htmlfreecode.com' style='font-size: 8pt; text-decoration: none'>Html Free Codes</a>
Example:
Let's stay in touch
Get the latest and greatest javascript codes directly to your mail
TRENDING POST
VISITORS
Online Users:
12
Recent Members:
carfaoui, Ali7hry, alexnicola, Adam20, Prashanthcs11
Comments
Here you can leave us commments. Let us know what you think about this code tutorial!