Necesito iniciar setInterval cuando la identificación particular es 2 y borrar el intervalo usando clearInterval .
Cuando hago clic en el botón, el valor en el botón debe ser 0,1,2,3,0,1,2... . Cuando el valor es 2, debería mostrar Date.now() .
<button id="b1">0</button> <button id="b2">0</button> <button id="b3">0</button> $("button").click(function () { buttonVal(this); }); var v = []; function buttonVal(ele) { v[ele.id] = typeof v[ele.id] === "undefined" ? 0 : v[ele.id] === 3 ? 0 : v[ele.id] + 1; switch (v[ele.id]) { case 0: break; case 1: document.getElementById(ele.id).innerHTML = v[ele.id]; break; case 2: document.getElementById(ele.id).innerHTML = v[ele.id]; break; case 3: document.getElementById(ele.id).innerHTML = v[ele.id]; break; default: document.getElementById(ele.id).innerHTML = 6; break; } if(v[ele.id] == 2) { var refreshId = setInterval(function(){ v[ele.id] = {'refreshId': refreshId}; document.getElementById(ele.id).innerHTML = Date.now(); }, 2000); } else { clearInterval(refreshId); } } El problema es que clearInterval() no funciona. Cuando el valor del botón es 2, inicia setInterval() pero no se detiene cuando el valor no es 2. Simplemente continúa ejecutándose para todos los valores del botón.
El valor del botón se ejecuta como se muestra a continuación después de hacer clic en ellos 0,1,2,3, object1, object11, object111 . No estoy seguro de por qué el orden es como el anterior.
¿Alguien podría ayudar a detener el temporizador para los valores que no sean 2?
Muchas gracias.
Está definiendo var refreshId dentro del bloque if e intentando borrarlo en else, por lo que el alcance no es el mismo. Su refreshId es una variable local.
Intente definirlo primero fuera del bloque if, o más bien fuera de la función misma.
var refreshId = null; if(v[ele.id] == 2) { refreshId = setInterval(...) ... else { clearInterval(refreshId); }Al ejecutar una función, todas las variables se vuelven a declarar, esto significa que cuando dice: var intervalId = interval(...) . Crea una nueva variable en lugar de guardarla para más adelante.
Para resolver este problema, guarde el intervalo globalmente como se muestra a continuación:
let interval; function buttonVal(ele) { // code... if(v[ele.id] == 2) { interval = setInterval(function(){ v[ele.id] = {'refreshId': refreshId}; document.getElementById(ele.id).innerHTML = Date.now(); }, 2000); } else { if (interval) { clearInterval(refreshId); } } }