0

El problema es que la primera vez funciona perfecto, pero al pararlo y encenderlo de nuevo... el boton de parar ya no para el bucle y se repite constantemente

document.addEventListener('DOMContentLoaded',function(){
    function intervalo (){
        
        var iniciar = setInterval(function() {
            console.log('Este mensaje se mostrara cada 4 segundos') 
      
        },4000);
      
       return iniciar;
    };

    var iniciar = intervalo();
    var start = document.getElementById('start');
    var stop = document.getElementById('parar');

    stop.addEventListener('click',function(){
        console.log('stop timer');
        clearInterval(iniciar);
        
    });

    start.addEventListener('click',function(){
          console.log('run timer');
          intervalo();
    });
});
<button id="start" >Comenzar</button><br><br>
<button id="parar">Parar</button>

1 respuesta 1

0

Así es como lo haría yo: iniciar tendría que ser false al principio. Y después de clearInterval también. Cuando llamas el intervalo() guardalo siempre en la variable iniciar

document.addEventListener("DOMContentLoaded", function() {
  var iniciar = false;
  var start = document.getElementById("start");
  var stop = document.getElementById("parar");

  function intervalo() {
    var iniciar = setInterval(function() {
      console.log("Este mensaje se mostrara cada 4 segundos");
    }, 4000);
    return iniciar;
  }

  stop.addEventListener("click", function() {
    console.log("stop timer");
    clearInterval(iniciar);
    iniciar = false;
  });

  start.addEventListener("click", function() {
    console.log("run timer");
    iniciar = intervalo();
  });
});
<button id="start" >Comenzar</button><br><br>
<button id="parar">Parar</button>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.