Destruye el setInterval anterior

Question

Quiero una función para configurar un Ajax y un temporizador de recarga. El siguiente código no destruye el temporizador de llamadas de función anterior, por lo que cada vez que lo invoco obtengo otro temporizador. ¿Cómo puedo destruir el temporizador anterior?

function initNowPlayingMeta(station) { 
    $('#cancion').children().remove(); 
    $('#cancion').load('sonando.php?emisora=' + station); 
    var prevNowPlaying = setInterval(function() { 
     $('#cancion').load('sonando.php?emisora=' + station); 
    }, 5000); 
} 

Answer 1

necesita almacenar su referencia temporizador en algún lugar fuera del ámbito local (esto significa, esencialmente, declarando con var fuera de la función). Entonces, claro que con clearInterval:

var prevNowPlaying = null; 

function initNowPlayingMeta(station) { 
    if(prevNowPlaying) { 
     clearInterval(prevNowPlaying); 
    } 
    $('#cancion').children().remove(); 
    $('#cancion').load('sonando.php?emisora=' + station); 
    prevNowPlaying = setInterval(function() { 
     $('#cancion').load('sonando.php?emisora=' + station); 
    }, 5000); 
} 

Answer 2

clearInterval

clearInterval(prevNowPlaying);

también tendrá que hacer el prevNowPlaying de las llamadas anteriores en el alcance dondequiera que usted intenta cancelar

Answer 3

Es necesario explícitamente limpia el temporizador

var prevNowPlaying; 
function initNowPlayingMeta(station) { 
    $('#cancion').children().remove(); 
    $('#cancion').load('sonando.php?emisora=' + station); 
    if (prevNowPlaying === undefined) clearInterval(prevNowPlaying); 
    prevNowPlaying = setInterval(function() { 
     $('#cancion').load('sonando.php?emisora=' + station); 
    }, 5000); 
}