logo标签列表

JavaScript - 递归函数和setTimeout

javascriptsettimeout
4

我正在尝试编写一个JavaScript函数，当调用它时，执行DoSomething()函数一次，但可以重复触发以执行该函数，直到停止。

我正在使用setTimeout()函数。我不确定这是否是性能和内存方面的最佳方法。 此外，如果可能的话，我想避免全局变量。

<!DOCTYPE html>
<html>
    <script src="jquery.js"></script>

    <script>
    var globalCheckInventory = false;

    $(document).ready(function(){
        // start checking inventory
        globalCheckInventory = true;                 
        myTimerFunction();  
    }); 

    // check inventory at regular intervals, until condition is met in DoSomething
    function myTimerFunction(){
        DoSomething();
        if (globalCheckInventory == true)
        {
            setTimeout(myTimerFunction, 5000);      
        }           
    }

    // when condition is met stop checking inventory
    function DoSomething() {     
        alert("got here 1 ");
        var condition = 1;
        var state = 2 ;
        if (condition == state)
        {
            globalCheckInventory = false;
        }        
    }
    </script>
4个回答
3
这可能是实现你所描述的内容最简单的方法：

这是可能实现你所描述内容最简单的方法：

$(function () {
  var myChecker = setInterval(function () {
    if (breakCondition) {
      clearInterval(myChecker);
    } else {
      doSomething();
    }
  }, 500);
});
1

另一种方法是存储计时器 ID 并使用 setInterval 和 clearInterval

var timer = setInterval(DoSomething);

function DoSomething() {
    if (condition)
        clearInterval(timer);
}
0

除了全局命名空间的污染之外，我认为你的实现没有任何问题。你可以使用闭包（自执行函数）来限制变量的作用域，像这样：

(function(){

  var checkInventory = false, inventoryTimer;

  function myTimerFunction() { /* ... */ }

  function doSomething() { /* ... */ }

  $(document).ready(function(){
    checkInventory = true;
    /* save handle to timer so you can cancel or reset the timer if necessary */
    inventoryTimer = setTimeout(myTimerFunction, 5000);
  });

})();
0

封装它：

function caller(delegate, persist){
    delegate();
    if(persist){
        var timer = setInterval(delegate, 300);
        return {
            kill: function(){
                clearInterval(timer);
            }
        } 
    }   
}
var foo = function(){
    console.log('foo');
}

var _caller = caller(foo, true);
//to stop: _caller.kill()
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接