clique na lâmpada

Temporizadores

Para que uma função javaScript seja executada em um intervalo de tempo, utiliza-se os Temporizadores. Existem 2 tipos de teporizadores: Um que depois de cumprir o tempo determinado não se repete. Exemplo: A lâmpada acima quando clicada, após 3 segundos "apaga". Mas não fica piscando porque o processo não se repete. E outro que se repete em intervalos de tempo regulares, de 3 em 3 segundos por exemplo.

No Html:
<img id="ada"
src= "/static/img/lampada2_on.jpg" />

	No javaScript:		
	window.onload = function() {
	document.getElementById("ada").onclick = ligar;	}


       function ligar() {
	document.getElementById("ada").src = "/static/img/lampada2_on.jpg";
	setTimeout("desligar()", 3000);
	}

	function desligar() {
	document.getElementById("ada").src = "/static/img/lampada_off.jpg";
	}

Temporizador que se repete em intervalos de tempo

No Html:
<div id= "horas">00:00:00</div>

	No javaScript:
	window.onload = function() {
	document.getElementById("ada").onclick = ligar;
	setInterval(mostrarHoras, 1000);
	}

	function ligar() {
	document.getElementById("ada").src = "/static/img/lampada2_on.jpg";
	setTimeout(desligar, 3000);
	}

	function desligar() {
	document.getElementById("ada").src = "/static/img/lampada_off.jpg";
	}

	function mostrarHoras() {
	var agora = new Date();
	var horas = agora.getHours() + ":" + agora.getMinutes() +  ":" + agora.getSeconds();
	document.getElementById("horas").innerHTML = horas;
	}