Очистить интервал от другой функции

Question

Я хочу вызвать setInterval() на основе успеха определенной функции.

function myCountComplete(){ 
    //do something 
    count++; 
    if(count > 10){ 
     var myVar = setInterval(function(){ setColor() }, 300); 
    } 
} 

function setColor() { 
    var x = document.body; 
    x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow"; 
} 

Как очистить интервал myVar при нажатии кнопки?

$("#stop").click(function(){ 
    clearInterval(myVar); 
}); 

Answer 1

Вы всегда можете установить его на глобальном масштабе, т.е.

window.myTimer = setInterval(function(){ setColor() }, 300); 

$("#stop").click(function(){ 
    clearInterval(window.myTimer); 
}); 

Answer 2

Это вопрос сфера.
См What is the scope of variables in JavaScript?

В основном, объявить myVar в рамки имеющихся в обоих случаях. Например:

function myCountComplete(){ 
//do something 
count++; 
if(count > 10){ 
    window.myVar = setInterval(function(){ setColor() }, 300); 
} 
} 

$("#stop").click(function(){ 
    clearInterval(window.myVar); 
}); 

Answer 3

«Окно» не является необходимым, и, по моему мнению, это плохая практика его использования. Просто удалите «var», и область действия будет автоматически глобальной.

http://www.w3schools.com/js/js_scope.asp