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>