jQuery 플러그인 내에서 setInterval을 중지하십시오.

Question

필자가 쓰고있는 플러그인을 마무리하려하지만 해결책을 찾지 못하는 매우 사소한 문제에 난처한 상황입니다. 나는 거의 모든 포럼과 관련된 문제 토론을 추적했다. 어떤 방식 으로든 내가 원하는 일은 나의 플러그인은 사용자가 해지를 처리 ​​할 수 ​​있기를 바라는 타이머를 가지고있다.

(function ($) { 
... 
var defaults = { 
callback : function(){}, 
crossfadeTime : 1000, 
easing : 'linear', 
running : 'true', // Here is where I would like the user to send a parameter 
        // to invoke a different result. i.e. 'false' => clearing 
        // the timer. Such as... 

var timer = setInterval(function(){ 
    // Do Something; 
},3000); 

if(defaults.running == 'false'){ 
    clearInterval(timer); 
} 

Answer 1

변수를 설정하여 타이머를 중지 할 수있게하려면 정말로 필요합니까? 당신이 이것과 같은 함수를 호출하게 할 수 있습니까?

var TimerModule = (function(){ 
    var timerHandle; 

    var startTimer = function(fnc, interval){ 
     if(timerHandle){ 
      //error, timer already running 
      return; 
     } 
     timerHandle = window.setInterval(fnc, interval); 
    }; 

    var stopTimer = function(){ 
     window.clearInterval(timerHandle); 
     timerHandle = null; 
    }; 

    return { 
     start:startTimer, 
     stop:stopTimer 
    }; 

}()); 

TimerModule.start(function(){ 
    alert("Hieee"); 
}, 1000); 

window.setTimeout(function(){ 
    TimerModule.stop(); 
}, 5000); 

그렇지 않으면이 같은 somethign이 작동합니다 : 그것은 대신 간격의 setTimeout을 사용하고, 실행이 false 인 경우 제한 시간을 재설정하지 않습니다

var defaults = { 
    callback: function() { 
     alert("hi"); 
    }, 
    crossfadeTime: 1000, 
    easing: 'linear', 
    running: 'true' // Here is where I would like the user to send a parameter 
    // to invoke a different result. i.e. 'false' => clearing 
    // the timer. Such as... 
}; 

var timer; 
var timerFunction = function() { 
    if (!defaults.running) { 
     return; 
    } 
    defaults.callback(); 
    timer = setTimeout(timerFunction, 1000); 
}; 

//start the timer 
timerFunction(); 

window.setTimeout(function() { 
    defaults.running = false; 
},5000); 

. 정확히 문제가 무엇인지

var defaults = { 
    callback: function() { 
     alert("hi"); 
    }, 
    crossfadeTime: 1000, 
    easing: 'linear', 
    running: 'true', 
    callbackHandle: null 
}; 

var timer; 
var timerFunction = function() { 
    if (!defaults.running) { 
     window.clearInterval(defaults.callbackHandle); 
     defaults.callbackHandle = null; 
    } 
    defaults.callback(); 
}; 

//start the timer 
defaults.callbackHandle = window.setInterval(timerFunction,1000); 

window.setTimeout(function() { 
    defaults.running = false; 
},5000);