Capítulo 12

Métodos - setTimeout() e clearTimeout()

JavaScript

<script type="text/javascript">
var i = 0;
var contador;
var contando = false	
	
	function contar() {
		i++;
		document.forms[0].elements[0].value = i;
		contador = setTimeout(contar, 1000)	
	}

	function iniciarContador() {	
		if(!contando) {
		contando = true;
		contar();
		}
	}
	
	function pararContador() {	
		clearTimeout(contador);	
		i=0;
		contando = false;
	}
<script>

HTML

...
<form action="" method="get">
<input type="text" size="2" style="font-size:40px;color:#f00;font-weight:bold;text-align:center;" />
</form><br />
<button onclick="iniciarContador()">Iniciar contagem</button>
<button onclick="pararContador()">Parar contagem</button>
...