|
↑
Date & Time >>>
Using layers, JavaScript can display a real-time clock your page. This is a really professional way to add that special touch to your web page. And, watch as the clock on your page updates every second. All done without using forms.
Currently, it's
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
function
MakeArrayday(size)
{
this.length
=
size;
for(var
i =
1;
i <=
size;
i++)
{
this[i]
=
"";
}
return
this;
}
function
MakeArraymonth(size)
{
this.length
=
size;
for(var
i =
1;
i <=
size;
i++)
{
this[i]
=
"";
}
return
this;
}
function
funClock()
{
var
runTime =
new
Date();
var
hours =
runTime.getHours();
var
minutes =
runTime.getMinutes();
var
seconds =
runTime.getSeconds();
var
dn =
"AM";
if
(hours
>=
12)
{
dn
=
"PM";
hours
=
hours -
12;
}
if
(hours
==
0)
{
hours
=
12;
}
if
(minutes
<=
9)
{
minutes
=
"0"
+
minutes;
}
if
(seconds
<=
9)
{
seconds
=
"0"
+
seconds;
}
movingtime
=
"<b>"+
hours +
":"
+
minutes +
":"
+
seconds +
" "
+
dn +
"</b>";
document.getElementById('clock').innerHTML
=
movingtime;
setTimeout("funClock()",
1000)
}
window.onload
=
funClock;
</script>
Currently, it's
<span
id=clock
style="position:relative;"></span>
|
→
|