2 setInterval praticamente identici non funzionano allo stesso modo..

  • Creatore Discussione Creatore Discussione ntoflip
  • Data di inizio Data di inizio

ntoflip

Utente Attivo
26 Ago 2008
50
0
0
Allora ho questo javascript, con il quale vorrei realizzare un'animazione sulla larghezza di un div con id='spaziobianco'.. il problema è che se invoco cambiaW() funziona perfettamente.. mentre se invoco cambiaM mi richiama la funzione restringiti() solo una volta..

Codice:
var allargamento = null;
var restringimento = null;

function cambiaW() {
allargamento = window.setInterval("allargati();", 1);
}

function cambiaM() {
restringimento = window.setInterval("restringiti();", 1);
}

function allargati() {
	var larghezza = document.getElementById("spaziobianco").clientWidth;
	if (larghezza < 680) {
		document.getElementById("spaziobianco").style.width = (larghezza + 10).toString() + "px";
		}
	else {
		clearInterval(allargamento);
		allargamento = null;
		}
}

function restringiti() {
	var larghezza = document.getElementById("spaziobianco").clientWidth;
	if (larghezza > 0) {
		document.getElementById("spaziobianco").style.width = (larghezza - 10).toString() + "px";
		}
	else {
		clearInterval(restringimento);
		restringimento = null;
		}
}