在JavaScript中如何循環

Question

增加延遲在JavaScript中如何添加延遲到JavaScript的循環 在這下面的代碼

snakeclass.prototype.start = function() { 
    while(1){ 
     if(this.collision()){ 
      console.log("game over"); 
      break; 
     } 

     this.movesnake(); 

     // delay here by 300 miliseconds 
    } 
}; 

我怎樣才能在這裏使用設置超時功能;

Answer 1

這是行不通的。如果你這樣做，你的瀏覽器就會凍結：

while (1) {} 

然而你可以使用setInterval。

snakeclass.prototype.start = function() { 
    var interval; 
    var doo = function() { 
     if(this.collision()){ 
      console.log("game over"); 
      clearInterval(interval); 
     } 
     this.movesnake(); 
    }.bind(this); // bind this so it can be accessed again inside the function 
    doo(); 
    timeout = setInterval(doo, 300); 
};