Capítulo 12

Métodos - setInterval() e clearInterval()

JavaScript

<script type="text/javascript">
var i = 0;
var contador=null;
var contando = false;	
	
	function contar() {
		i++;
		document.forms[0].elements[0].value = i;
	}
	
	function iniciarContador() {	
		if(!contando) {
		contando = true;
		contador = setInterval(contar, 1000);
		}
	}
	
	function pararContador() {	
		clearInterval(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>
...