Возврат False/Stop jQuery Функция при нажатии

Question

У меня есть функция Start(), которая увольняется наготове. Когда я нажимаю на .ExampleClick, я хочу остановить функцию Start(). Вот мой пример ...

$(document).ready(function(){ 

    $(function Start(){ 
     // Do Stuff on Ready 
    }); 

    $(document).on("click",".ExampleClick",function() { 
    // When this is fired, function Start() should stop running 
    }); 

}); 

Какой лучший способ достичь того, что я пытаюсь сделать?

Answer 1

Start Если зацикливается навсегда, ваш браузер будет висеть. Функции JavaScript не могут работать параллельно. Предполагая, что Start действительно представляет собой какой-то фоновый процесс, который предназначен для цикла навсегда, вам нужно будет переосмыслить все так, чтобы он выполнялся один раз, а затем планировал, чтобы он снова выполнял какой-то момент в будущем, позволяя обрабатывать другие события.

Каждый раз, когда Start выполняется, он может исследовать какое-то состояние поддерживается обработчиком на клик, чтобы решить, следует ли его запустить и епдиеие себя снова:

$(document).ready(function(){ 

    var clicked = false; 

    var Start = function() { 
     if (clicked) return; 

     // Do Stuff on Ready 

     setTimeout(Start, 100); 
    }; 

    Start(); 

    $(document).on("click",".ExampleClick",function() { 
    // When this is fired, function Start() should stop running 

    clicked = true; 
    }); 

}); 

Answer 2

Обновление: как указывали другие, мое предыдущее решение было совершенно неправильным. Я заменив его подходом setInterval/clearInterval (ради справедливости - другие уже указывали лучшие/аналогичные решения):

$(document).ready(function(){ 

    var start = setInterval(
     function Start(){ 
      // Do Stuff on Ready 
     }, 
     someReasonableTimeFrame 
    ); 

    $(document).on("click",".ExampleClick",function() { 
     // When this is fired, function Start() should stop running 
     clearInterval(start); 
    }); 

}); 

Answer 3

Вы могли фальсифицировать что-то с setinterval() :

$(document).ready(function(){ 

    var intervalHolder;  

    $(function Start(){ 
     // Do Stuff on Ready 
     intervalHolder = setInterval("myTimedFunction()",1000); 
     // This runs "myTimedFunction()" every second 
    }); 

    $(document).on("click",".ExampleClick",function() { 
    // When this is fired, function Start() should stop running 
    clearInterval(intervalHolder); 
    }); 

}); 

function myTimedFunction() { 
    // Do groovy things every second 
}; 

Это немного приматно, но может быть сработано, чтобы добиться аналогичного эффекта.

Answer 4

Похоже, у вас есть функция, вы хотите запустить несколько раз, а затем остановить его при нажатии кнопки:

doStuff = function() { 
    // stuff to do regularly 
} 

$(document).ready(function(){ 

    // run doStuff every 2 seconds 
    var jobId = window.setInterval(doStuff, 2000); 

    // store the job id in a jquery data object 
    $('body').data("doStuffJobId", jobId); 

    // set up click hander for css class Example Click 
    $(".ExampleClick").click(function() { 
     // get the job id 
     var jobId = $('body').data("doStuffJobId"); 
     window.clearInterval(jobId); 
    }); 

});