In JavaScript how to add delay in loop

Question

In JavaScript how can i add delay to JavaScript loop In this below code

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

        this.movesnake();

        // delay here by 300 miliseconds
    }
};

how can i use Set Timeout function here;

http://stackoverflow.com/questions/24849/is-there-some-way-to-introduce-a-delay-in-javascript — , Jul 14 '13 at 22:06
possible duplicate of [How do I add a delay in a JavaScript loop?](http://stackoverflow.com/questions/3583724/how-do-i-add-a-delay-in-a-javascript-loop) — Felix Kling, Jul 14 '13 at 22:11

score 5 · Accepted Answer · answered Jul 14 '13 at 22:10

That doesn't work. Your browser is just going to freeze up if you do this:

while (1) {}

You can however use a 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);
};

Hmm, try refreshing the page. – Shawn31313 Jul 14 '13 at 22:17 — Shawn31313, Jul 14 '13 at 22:17

In JavaScript how to add delay in loop

1 Answers1