在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); 
};