JavaScript simple o jQuery clearInterval problema

Question

He pasado por la mayor parte del código aquí y he intentado varias formas de hacer funcionar ClearInterval y por alguna razón simplemente no funciona, aunque es un problema básico y simple.

Aquí está el código y quiero saber POR QUÉ no está funcionando, no solo obtener el código hecho por mí.

var myTimer; 

function startTimer() { 
    myTimer = window.setInterval(function() { 
     $('#randomImage').fadeTo('slow',0.0).addClass("changeBg_" + current); 
     var current = Math.round(Math.random() * 4) + 1; 
     $('#randomImage').fadeTo('slow',1.0).addClass("changeBg_" + current); 
    }, 5000); 
}; 

function stopTimer(){ 
    window.clearInterval(myTimer); 
    $('#randomImage').fadeTo('slow',0.0); 

} 

Gracias por adelantado de un foro ...

Answer 1

Su código está bien, funciona perfectamente. Debe ser un problema con el código que lo llama. Consulte this fiddle.

var myTimer; 

function startTimer() { 
    myTimer = window.setInterval(function() { 
     $('#randomImage').fadeTo('slow',0.0).addClass("changeBg_" + current); 
     var current = Math.round(Math.random() * 4) + 1; 
     $('#randomImage').fadeTo('slow',1.0).addClass("changeBg_" + current); 
    }, 5000); 
}; 

function stopTimer(){ 
    window.clearInterval(myTimer); 
    $('#randomImage').fadeTo('slow',0.0); 

} 

startTimer(); 
$('#randomImage').click(function() { stopTimer(); });