Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JavaScript - How to Wait / SetTimeOut / Sleep / Delay

This again is my Rock Paper Scissors game.

At present state the user can't see what's happening because after being prompted for input(Rock, Paper or Scissors) they are immediately reprompted.

The question is how can I make the program delay such that they at least can read what's going on.

I've read that sleep() does not exist in JavaScript. I'm trying to use setTimeOut however, the setTimeOut is causing the program to not run.

Any ideas on how I can delay the next user input after the first user input. This can be done via any JS solution.

This is my present code

function playUntil(rounds) {
        var playerWins = 0;
        var computerWins = 0;
        setTimeout(function() {
        while ((playerWins < rounds) && (computerWins < rounds)) {
          var computerMove = getComputerMove();
          var winner = getWinner(playerMove, computerMove);
          console.log('The player has chosen ' + playerMove + '. The computer has chosen ' + computerMove);
          if (winner === "Player") {
              playerWins += 1; 
          } 
          else if (winner === "Computer") {
              computerWins += 1;
          } 
          if ((playerWins == rounds) || (computerWins == rounds)) {
              console.log("The game is over! The " + winner + " has taken out the game!");
              console.log("The final score was Player - [" + playerWins + "] to Computer - [" + computerWins + "]");
          }
          else {
              console.log(winner + ' takes the round. It is now ' + playerWins + ' to ' + computerWins);
          }
          }
      return [playerWins, computerWins]
    ;},5000);
    }
like image 524
Ash Avatar asked Feb 22 '16 00:02

Ash


1 Answers

You cannot return a value for a parent function on a setTimeout, setInterval or another child function because have different scopes.

You can use promises instead: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

Bad:

function x () {
  setTimeout(function () {
     return "anything";
  }, 5000);
}

Using promises:

function x () {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      resolve("anything");
    }, 5000);
  });
}

Then you can call function like:

x()
.then(
  function (result) {
    alert(result); // Do anything.
  }
);

PD: I have bad English, I'm sorry!.

like image 82
jgdev Avatar answered Oct 23 '22 03:10

jgdev