глобальная переменная в javascript интервал jquery

Question

У меня есть такой код

var challegneListener;

$(document).ready(function(){
    var challegneListener = setInterval("challengeListenerBot()",5000);
});

function challengeListenerBot(){
    clearInterval(challegneListener);
}

И проблема в том, что интервал не останавливается, потому что функция challengeListenerBot не видит переменную challegneListener как номер интервала. Я должен использовать jQuery, чтобы начать интервал, когда документ готов.

Answer 1

Изменить это:

$(document).ready(function(){
    var challegneListener = setInterval("challengeListenerBot()",5000);
});

К этому:

$(document).ready(function(){
    challegneListener = setInterval("challengeListenerBot()",5000);
});

Проблема в том, что вы объявляете внутри своей анонимной функции, вызываемой, когда DOM готов, новую переменную challengneListener. Он скрывает глобальную переменную и сохраняет идентификатор setInterval в локальную переменную, которая является сборщиком мусора, когда завершается выполнение ее вмещающей функции.

Answer 2

$(document).ready(function(){
var challegneListener = setInterval("challengeListenerBot()",5000); 
});

Использование var внутри этой функции создает новую переменную, которая ограничена этой функцией, а это означает, что переменная challegneListener, которая определена глобально, остается неопределенной, поэтому интервал не очищается.Удалите var, чтобы исправить этот код.

Answer 3

Вы скрываете глобальную переменную, удаляете var:

$(document).ready(function(){
    challegneListener = setInterval("challengeListenerBot()",5000); 
    // removed the var keyword, because it hides the global var.
});

Другое дело, ваш код использует eval, замените его следующим образом:

challegneListener = setInterval(challengeListenerBot, 5000);