<style>
span
{
cursor:pointer;
color:white;
background:black;
}
</style>

<script type="text/javascript">
var msec=0
var sec=0
var min=0
function start()
{
document.forms[0].display.value=min+":"+sec+":"+msec
go=setTimeout("start()",1)
msec++
if(msec==100)
{
msec=0
sec++
}
if(sec==60)
{
sec=0
min++
}
}

function stop()
{
clearTimeout(go)
}
function reset()
{
window.location.reload()
}
function over1(test)
{document.getElementById('over1').style.background=test}
function out1(test)
{document.getElementById('over1').style.background=test}
function over2(test)
{document.getElementById('over2').style.background=test}
function out2(test)
{document.getElementById('over2').style.background=test}
function over3(test)
{document.getElementById('over3').style.background=test}
function out3(test)
{document.getElementById('over3').style.background=test}
</script>

<span id="over1" onmouseover="over1('red')" onmouseout="out1('black')" onclick="start()">Start</span>
<span id="over2" onmouseover="over2('red')" onmouseout="out2('black')" onclick="stop()">Stop</span>
<span id="over3" onmouseover="over3('red')" onmouseout="out3('black')" onclick="reset()">Reset</span>
<form>
<input type="text" name="display"size="22"value="00:00:00">
</form>

John Livingston

Kopieren Sie bitte den Code