JavaScript code samples 20 - JavaScript timer

©ilj@flowsim.se
JavaScript code samples 20
JavaScript timer - setTimeout, clearTimeout
- timer in text box or in the status bar
>>> this example in Swedish

stop!
restart!

code and explanations further down

This is what the code looks like:

<SCRIPT LANGUAGE="JavaScript"
TYPE="text/javascript">

</SCRIPT>

<FORM NAME = "iljtimerform²">
<INPUT TYPE = "text"
NAME = "iljtimerruta³"
SIZE = "10">
</FORM>
<A HREF = "#"
ONCLICK="stoppit();return false">STOP</A>

<A HREF = "#"
ONCLICK="checkstart();return false">RESTART</A>

If you copy the code - don´t forget to remove the footnotes!

1 this line puts a timer in the status bar (window.status)
2 the name of the FORM
3 the name of the text box
4 this line puts the timer in a text box named iljtimerruta on a FORM named iljtimerform

Put the script within SCRIPT tags in the HEAD part of the document (i.e. somewhere between the HEAD tags).
If you want the timer to start as soon as the page is loaded you can put the call checkstart() after BODY ONLOAD.
This timer stops automatically after 10 minutes; change the number after iljdone , (600 in this example) to have it function for shorter or longer period.

The following code puts the timer on a div named "iljs" (<div id='iljs'> </div>)

if(document.getElementById)i
{document.getElementById('iljs').innerHTML=j + ":"+ i}

OTHER JAVASCRiPT EXAMPLES