Javascript live clock

[axilant]

Save this as: clock.js

//Coded by axilant[at]gmail.com
function clock() {
	var curtime = new Date;
	var hours = curtime.getHours();
	if(hours < 10)
	{
		var hourstring = "0" + hours+toString();
	}
	else
	{
		var hourstring = hours.toString();
	}
	var minutes = curtime.getMinutes();
	if(minutes < 10)
	{
		var minutestring = "0" + minutes.toString();
	}
	else
	{
		var minutestring = minutes.toString();
	}
	var seconds = curtime.getSeconds();
	if(seconds < 10)
	{
		var secondstring = "0" + seconds.toString();
	}
	else
	{
		var secondstring = seconds.toString();
	}
	var timestring = hourstring + ":" + minutestring + ":" + secondstring;
	var timeplace = document.getElementById("time");
	timeplace.childNodes[0].nodeValue = timestring;
	setTimeout('clock()', 1000);
}
setTimeout('clock()', 1000);

Save this as: index.htm

<html lang="en">
<head>
<script src="clock.js">
</head>
<body>
<h2>Time:<div id="time">00:00:00</div></h2>
</body>
</html>

This should work in all browsers. Been tested in ie 6, and firefox (newest version)

Any questions or comments please post here.

 

[Eric]

I've uploaded your script

However, comes up blank: http://www.dndrop.net/index.htm

Any ideas as to why?

 

[axilant]

Yes, my mistake

Change the id to time instead of clock in the body

Fixed it above.

 

[Eric]

Ok, I edited and uploaded...But still, comes up blank.

 

[axilant]

Hmm... use the new body code in the above... http://phpprint.com it works perfectly fine O.o same code...

 

[Zubair1]

you could also try this it's without the formatting:

<script type="tex/tjavascript">
function start_time(){
var nDate = new DATE();
var elem = document.getElementById ? document.getElementById("box")(document.all) ? document.all("box"):null);
if(elem){
elem.innerText = nDate;
}
setTimeout("start_time()",100);
}
</script onload>
<body onload="start_time()">
<div id = "box"></div>
</body>

 

[bbalegere]

Nice tip.