EIW Fall 2005 JavaScript Example: dom6

<!-- Javascript: running elapsed time since load -->

<HTML>
<HEAD>
<TITLE>Elaped time display</TITLE>
</HEAD>

<BODY>
<SCRIPT>
// start sets things rolling by scheduling
// the function updateTime to run once every second
function start() {
  window.setInterval("updateTime()",1000);
}

var seconds=0;

// updateTime changes the text in the tag with ID time
function updateTime() {
  seconds++;
  document.getElementById("time").innerHTML = seconds;
}
</script>
  
<BODY ONLOAD="start();">
<H1>Sample Document</H1>

<H3>You have been here <B ID=time>0</B> seconds.</H3>

<P>Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
</P>
<HR>

<P style="font-family:sans-serif">Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
Here is some stuff. Here is some stuff. Here is some stuff.
</P>
</BODY>
</HTML>