Reload Image and Date

freddo · August 29th, 2004, 04:50 PM

I am using a javascript function to reload an image on a webpage. Now I would also like to reload the date and time at the same time.

How can this be done? I would really like to be able to display the date and time over the bottom of the image. Can anyone help?

The script I am using is given below.

Freddo

<img src="cam.jpg" alt="Local Weather" name="image1">

<script language="JavaScript" type="text/javascript">

</script>

Greg Griffiths · August 29th, 2004, 05:02 PM

Your best bet is to use a DIV and then use DHTML to update the contents of that DIV, see the http://www.greggriffiths.org/ for a sample on the main page.

freddo · August 29th, 2004, 05:17 PM

Thanks for the reply Greg. I looked at your homepage link but cannot see how that helps!

Joe999

interrupt · September 2nd, 2004, 10:15 AM

Hi Freddo,

How about this?

<html>
<head>
</head>
<body onload ="getNew()">
<P Id ="P1"><img src="cam.gif"></P>
<script language="JavaScript">
function getNew(){

var tmp = new Date(); //get system date
var thisHour = tmp.getHours();//get hours from system date

var thisMin = tmp.getMinutes();//get minutes from system date
if(thisMin < 10){
thisMin = "0" + thisMin;
}

var thisSec = tmp.getSeconds();//get seconds from system date
if (thisSec < 10){
thisSec = "0" + thisSec
}

window.status = "Time: " + thisHour + ":" + thisMin + ":" + thisSec
//I stuffed the time in the status bar, cos it always looks better
P1.innerHTML = "<img src \"cam.gif\">"
window.setTimeout("getNew()", 5000);
}
</script>

</body>
</html>

I also chucked in some if statements to pad out minutes and seconds with zeros if they were at less than ten.

HTH
interrupt

freddo · September 2nd, 2004, 10:08 PM

Hi interrupt - thanks for that. I give it a try

Freddo