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;

possible duplicate of How do I add a delay in a JavaScript loop? — Felix Kling
– Felix Kling, Commented Jul 14, 2013 at 22:11

Shawn31313 · Accepted Answer · 2013-07-14 22:10:35Z

5

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

answered Jul 14, 2013 at 22:10

Shawn31313

6,0564 gold badges43 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shawn31313 Over a year ago

Hmm, try refreshing the page.

Collectives™ on Stack Overflow

In JavaScript how to add delay in loop

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related