文本上的 Javascript 计时器

Question

剪刀，javascript 中的纸游戏。语言是挪威语。我想为文本的一部分设置一个计时器，以便它会在文本的其余部分之后出现几秒钟。

代码如下:

    <script>

        }
        var decide = prompt("Skriv inn enten (stein, saks eller papir)");
        var tekst="";
        var random = Math.floor(Math.random()*3)+1; // stein = 1 saks = 2 papir = 3

        if(decide === "stein" && random === 2) {
            tekst = "Du valgte stein, mens pc'en valgte saks. Du vant ";
        }
        else if(decide === "stein" && random === 3) {
            tekst = "Du valgte stein, mens pc'en valgte papir. Du tapte";
        }
        else if(decide === "stein" && random === 1) {
            tekst = "Du valgte stein, mens pc'en valgte stein. Uavgjort";
        }
        else if(decide === "saks" && random === 3) {
            tekst = "Du valgte saks, mens pc'en valgte papir. Du vant";
        }
        else if(decide === "saks" && random === 2) {
            tekst = "Du valgte saks, mens pc'en valgte saks. Uavgjort";
        }
        else if(decide === "saks" && random === 1) {
            tekst = "Du valgte saks, mens pc'en valgte stein. Du tapte";
        }
        else if(decide === "papir" && random === 3) {
            tekst = "Du valgte papir, mens pc'en valgte papir. Uavgjort";
        }
        else if(decide === "papir" && random === 2) {
            tekst = "Du valgte papir, mens pc'en valgte saks. Du tapte";
        }
        else if(decide === "papir" && random === 1) {
            tekst = "Du valgte papir, mens pc'en valgte stein. Du vant";
        }

        document.write(tekst);




    </script>

例如 tekst = "Du valgte stein, mens pc'en valgte saks. Du vant ";然后是 mens pc'en valgte saks。 Du vant "; 将在 3 秒后出现。请帮助

Answer 1

使用setTimeout函数。

var decide = prompt("Skriv inn enten (stein, saks eller papir)");
var tekst = "";
var random = Math.floor(Math.random() * 3) + 1; // stein = 1 saks = 2 papir = 3

if (['stein', 'saks', 'papir'].indexOf(decide) !== -1) {
  tekst = 'Du valgte ' + decide + 'mens pc\'en valgte ';

  switch (random) {
    case 1:
      tekst += 'stein';
      break;
    case 2:
      tekst += 'saks';
      break;

    case 3:
      tekst += 'papir';
      break;
  }

  var result = 'Uavgjort';

  switch (decide) {
    case 'stein':
      if (random == 2) {
        result = 'Du vant';
      } else if (random == 3) {
        result = 'Du tapte';
      }
      break;
    case 'saks':
      if (random == 1) {
        result = 'Du tapte';
      } else if (random == 3) {
        result = 'Du vant';
      }
      break;
    case 'papir':
      if (random == 2) {
        result = 'Du tapte';
      } else if (random == 1) {
        result = 'Du vant';
      }
      break;
  }

  var el = document.getElementById('output');
  el.innerHTML = tekst;

  setTimeout(function() {
    el.innerHTML += ' ' + result;
  }, 2000);
}

<span id="output"></span>

---

此外，如果是剪刀、布、石头 游戏，请查看this question

var choices = ["rock", "paper", "scissors"];
var map = {};

choices.forEach(function(choice, i) {
    map[choice] = {};
    map[choice][choice] = "Was a tie"
    map[choice][choices[(i+1)%3]] = choices[(i+1)%3] + " wins"
    map[choice][choices[(i+2)%3]] = choice + " wins"
})

function compare(choice1, choice2) {
    return (map[choice1] || {})[choice2] || "Invalid choice";
}

alert(
  compare(
    prompt('Your choice (rock, paper, scissors)'),
    choices[Math.floor(Math.random() * 3)]
  )
);