»
EnglishFrenchVietnamese

Print - DHTML StopWatch script - JavaScriptBank.com

Full version: jsB@nk » Time » Counter » DHTML StopWatch script
URL: http://www.javascriptbank.com/dhtml-stopwatch-script.html

DHTML StopWatch script © JavaScriptBank.comUse this DHTML/JavaSctript stopwatch to track your times. It includes reset/start/stop buttons and each one has a rollover effect.

Full version: jsB@nk » Time » Counter » DHTML StopWatch script
URL: http://www.javascriptbank.com/dhtml-stopwatch-script.html



CSS
<style>span{cursor:pointer;color:white;background:black;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script type="text/javascript">// John Livingston (wavwizard_wavmaster@yahoo.com) | http://wavsyntax.bravehost.comvar msec=0var sec=0var min=0function start(){document.forms[0].display.value=min+":"+sec+":"+msecgo=setTimeout("start()",1)msec++if(msec==100){msec=0sec++}if(sec==60){sec=0min++}}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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->