Javascript時間：我如何每5,7和8秒執行一次函數？

Question

比方說，我有一個功能log()

var log = function(i) { 
    console.log('Executing at time: ' + i); 
} 

而且我想在某個區間執行log()，每x，y和z秒？

讓我們隨意設置X，Y和Z 5，7，和8

var x = 5; 
var y = 7; 
var z = 8; 

而且每x，y和z秒我想打電話給log()：

// Every 5 seconds: 
log(x); 
// Every 7 seconds: 
log(y); 
// Every 8 seconds: 
log(z); 

我可以嘗試使用三個setTimeout()來單獨運行這些功能。但是等一下，javascript是不是異步的，所以執行一個setTimeout()會阻止另外兩個執行......嗯......

我可以計算出在時間上的差異，這樣就造成了第一個延遲setTimeout()不會打破第二和第三的時間：

// x is at 5 seconds, run 5000 milliseconds after the start 
setTimeout(function() { log(x); }, 5000); 
// y is at 7 seconds after start, or 2000 milliseconds after x is done 
setTimeout(function() { log(y); }, 2000); 
// z is at 7 seconds after start, or 1000 milliseconds after y is done 
setTimeout(function() { log(z); }, 1000); 

但時間絕不會完全正確的，因爲我log()函數的執行將至少需要的少量時間。此外，當我嘗試在其中添加更多log()命令時，或者當我嘗試以設定的時間間隔重複整個過程時，這會變得雜亂無章。

我可以用一個環路，算上秒，和在x，y和ZTH第二，執行我的命令：

var i = 0; 
while(i<10) { 
    // wait 1 second (pointless function, don't know a better way to wait a second) 
    setTimeout(function() { console.log(' ... '); }, 1000); 
    i++; 

    // execute x, y, or z depending on what time it is 
    switch(i) { 
     case 4: 
      log(x); 
     case 6: 
      log(y); 
     case 7: 
      log(z); 
    } 
} 

但「計數」，這種方法，其中，我執行無用命令使用setTimeout（），真的讓我感到低效。

有沒有更好的方法來測量JavaScript中的時間，並在將來的某個時間執行一個函數？對我而言，關鍵在於它不僅僅是「每5秒運行一次log()」，因爲我明白這一點。它「在時間x，y和z上運行log()」令我困惑。

Answer 1

您可以使用函數「setInterval」。這裏有一個例子：

var interval1Id = setInterval(function(){ 
    console.log("logging every 5 seconds"); 
},5000); 

var interval2Id = setInterval(function(){ 
    console.log("logging every 7 seconds"); 
},7000); 

var interval3Id = setInterval(function(){ 
    console.log("logging every 8 seconds"); 
},8000); 

變量「intervalXId」保存，以防萬一你要停止任何間隔。

Answer 2

簡單的解決方案是設置一個每秒調用一次的定時器功能，並保持經過了多少秒的計數;如果計數是5,7或8的倍數，則定時器函數會調用您要執行的函數。

Answer 3

您需要設置前一個內部的下一個超時：

// x is at 5 seconds, run 5000 milliseconds after the start 
setTimeout(function() { 
    log(x); 
    setTimeout(function() { 
    log(y); 
    setTimeout(function() { 
     log(z); 
    }, 1000); 
    }, 2000); 

}, 5000); 

這樣，你不安排前面所有的超時，但只有一個的時候，有少的錯誤的保證金（第二超時將第一啓動後即將結束，等等。

編輯 我居然錯過了OP希望這個重複。在這種情況下，你只需要與一個名字的第一個函數表達式而不是一個匿名的，並在最後調用它：

setTimeout(function entry() { 
    log(x); 
    setTimeout(function() { 
    log(y); 
    setTimeout(function() { 
     log(z); 
     setTimeout(entry, 5000); 
    }, 1000); 
    }, 2000); 
}, 5000); 

我的評論是要避免嵌套，所以你可以有一個類似承諾的方法。 請注意，也可以使用jm0這樣的附加功能來做到這一點，但這是對範圍的額外污染，使用函數表達式可以避免這種情況。

Answer 4

嗯天真的解決方案可能是這樣的。不過，如果你只有這三個區間，那麼使用jQuery是一個很好的解決方案，那就是使用deferrds。

function log (val) { 
    console.log(val); 
} 

var intervals = [{interval: 5000, logVal: 'x', logged: false}, 
       {interval: 7000, logVal: 'y', logged: false}, 
       {interval: 8000, logVal: 'z', logged: false}]; 

var startTime; 

function myLog() { 
    var endTime = new Date().getTime(); 
    var diff = endTime - startTime; 

    for (var i = 0; i < (intervals.length - 1); i++) { 
     if (diff >= intervals[i].interval && diff < intervals[i+1].interval && !intervals[i].logged) { 
      log(intervals[i].logVal); 
      intervals[i].logged = true; 
     } 
    } 

    // for last interval 
    if (diff >= intervals[i].interval) { 
     log(intervals[i].logVal); 
     startTime = new Date().getTime(); 
     return; 
    } 

    // Reset Time and run again 
    setTimeout(myLog, 500); 
} 

startTime = new Date().getTime(); 
setTimeout(myLog, 1000); 

這裏的小提琴從ZER0的想法 http://jsfiddle.net/jD8zn/4/

Answer 5

借款，我會成立一個類似的遞歸超時鏈 -

function startTimeoutChain() { //Represents 1 loop cyele 

setTimeout(function() { 
    log(x); 
    setTimeout(function() { 
    log(y); 
    setTimeout(function() { 
     log(z); 
     startTimeoutChain(); // Begin next loop 
    }, 1000); 
    }, 2000); 
}, 5000); 

} 

只要打電話，一旦&你應該有一些這非常健壯。即使時鐘漂移，這些值也將相互校準，因爲它們基本上是以時間的增量完成的。

雖然說實話，我很難理解你是否想在某個循環週期的第5,7,8秒或者簡單地每5,7,8秒獨立於某個主循環調用它們。