[英]How to delay answer in rock paper scissors game
我使用Javascript開發了一個簡單的剪刀石頭布游戲,希望在結果出現之前有所延遲,我以多種不同的方式嘗試過seTimeout()
,但無法使其正常工作。
這是我的Javascript
function game(opt) {
var comp = Math.random();
var pers = opt.value;
if (comp < 0.33) {
comp = "rock"
} else if (comp < 0.66) {
comp = "paper"
} else {
comp = "scissors"
}
if (comp == pers) {
document.getElementById("answer").innerHTML = "Draw, I chose: <b>" + comp+"</b>";
} else if (pers == "rock" && comp == "scissors" || pers == "paper" && comp == "rock" || pers == "scissors" && comp == "paper") {
document.getElementById("answer").innerHTML = "Well done you won, I chose: <b>" + comp+"</b>";
} else if (pers == "rock" && comp == "paper" || pers == "paper" && comp == "scissors" || pers == "scissors" && comp == "rock") {
document.getElementById("answer").innerHTML = "Sorry you lose, I chose: <b>" + comp+"</b>";
}
document.getElementById("info").innerHTML = pers+" V "+comp;
};
這是我的HTML
<body>
<div id="alignCenter">
<h1 onclick="rock()" align="center">Rock, Paper, Scissors...</h1>
<h2 align="center">Pick one</h2>
<div id="images">
<button value="rock" id="rock" onclick="game(rock)"> <img src="images/rock.gif" alt="rock" onclick="rock()" width="196" height="144"> </button>
<button value="paper" id="paper" onclick="game(paper)"> <img src="images/paper.png" alt="paper" onclick="paper()" width="196" height="263"> </button>
<button value="scissors" id="scissors" onclick="game(scissors)"> <img src="images/scissors.png" alt="scissors" width="196" height="200"> </button>
</div>
<div align="center" id="answer">
</div>
游戲運行完美,我希望有一個延遲,另外,如果在延遲期間有可能使它閃爍,請執行以下操作:“搖滾”然后閃爍“紙”然后再閃爍“剪刀”大約各一秒鍾,如何我會這樣做嗎?
提前致謝 :)
將中間部分包裝在setTimeout
函數中。 我還在setTimeout函數之前添加了一行代碼,以便在等待新結果時可以清除先前的答案。
document.getElementById("answer").innerHTML = "";
setTimeout(function(){
if (comp == pers) {
document.getElementById("answer").innerHTML = "Draw, I chose: <b>" + comp+"</b>";
} else if (pers == "rock" && comp == "scissors" || pers == "paper" && comp == "rock" || pers == "scissors" && comp == "paper") {
document.getElementById("answer").innerHTML = "Well done you won, I chose: <b>" + comp+"</b>";
} else if (pers == "rock" && comp == "paper" || pers == "paper" && comp == "scissors" || pers == "scissors" && comp == "rock") {
document.getElementById("answer").innerHTML = "Sorry you lose, I chose: <b>" + comp+"</b>";
}
},1000);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.