Javascript - Jquery .load() и setInterval() вопрос

Question

Допустим, я это сделать:

$("#content").load(...); 

В чем я загружаю некоторые JavaScript включен:

var myCounter = 0; 
var myInterval = setInterval(function(){ 
    myCounter++; 

    $("#counter-display").html("Count: "+myCounter); 
}); 

По неизвестной причине , если я перезагружу контент с помощью $ ("# content"). load (...); - myInterval теперь вызывается дважды.

Я пытался сделать что-то вроде:

if (myInterval !== undefined){ 
    //dont set interval again 
} 

Однако, это не работает. Кто-нибудь знает какой-либо метод, так что myInterval очищается на .load, без необходимости помещать javascript за пределы загруженного файла?

Answer 1

Попытайтесь держать интервал и сосчитать в объект данных на счетчик элемента, например:

var disp = $("#counter-display"); 
if(!disp.data("interval")) { 
    disp.data("interval", setInterval(function() { 
    var count = (disp.data("count") || 0) + 1; 
    disp.data("count", count).html("Count: " + count); 
    }, 500)); 
} 

Немного больше кода один раз, но гораздо чище для глобальных переменных и т.д.

Answer 2

Ваш код выполняет дважды.

Попробуйте проверить if (typeof myInterval !== "undefined") перед объявлением переменной.

Answer 3

Вы» Вероятно, вы обнаружите, что myInterval определяется в некоторой локальной области.

Попробуйте использовать:

var myCounter = 0; 
myInterval = setInterval(function(){ 
    myCounter++; 

    $("#counter-display").html("Count: "+myCounter); 
}); 

myInterval теперь будут объявлены в глобальном масштабе.

Вы можете, конечно, использовать clearInterval, и сделать clearInterval(myInterval), который также обеспечит только, например, интервал в использовании.