Javascript 石头剪纸游戏中如何延迟回答_Javascript_Html_Timing_Benchmarking

Javascript 石头剪纸游戏中如何延迟回答

javascript html

Javascript 石头剪纸游戏中如何延迟回答,javascript,html,timing,benchmarking,Javascript,Html,Timing,Benchmarking,我用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 {

我用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;
};

功能游戏（opt）{
var comp=Math.random（）；
var pers=选择值；
如果（补偿<0.33）{
comp=“岩石”
}否则如果（补偿<0.66）{
comp=“纸张”
}否则{
comp=“剪刀”
}
如果（公司==个人）{
document.getElementById（“answer”）.innerHTML=“Draw，我选择了“+comp+”；
}否则，如果（pers==“石头”&&comp==“剪刀”| pers==“布”&&comp==“石头”| pers==“剪刀”&&comp==“布”）{
document.getElementById（“answer”）.innerHTML=“干得好，您赢了，我选择了：”+comp+”；
}否则，如果（pers==“石头”&&comp==“布”| pers==“布”&&comp==“剪刀”| pers==“剪刀”&&comp==“石头”）{
document.getElementById（“answer”）.innerHTML=“很抱歉您输了，我选择了：“+comp+”；
}
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); 

document.getElementById（“答案”）.innerHTML=“”；
setTimeout（函数（）{
如果（公司==个人）{
document.getElementById（“answer”）.innerHTML=“Draw，我选择了“+comp+”；
}否则，如果（pers==“石头”&&comp==“剪刀”| pers==“布”&&comp==“石头”| pers==“剪刀”&&comp==“布”）{
document.getElementById（“answer”）.innerHTML=“干得好，您赢了，我选择了：”+comp+”；
}否则，如果（pers==“石头”&&comp==“布”| pers==“布”&&comp==“剪刀”| pers==“剪刀”&&comp==“石头”）{
document.getElementById（“answer”）.innerHTML=“很抱歉您输了，我选择了：“+comp+”；
}
},1000); 
将中间部分包装在设置超时
函数中。我还在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); 

document.getElementById（“答案”）.innerHTML=“”；
setTimeout（函数（）{
如果（公司==个人）{
document.getElementById（“answer”）.innerHTML=“Draw，我选择了“+comp+”；
}否则，如果（pers==“石头”&&comp==“剪刀”| pers==“布”&&comp==“石头”| pers==“剪刀”&&comp==“布”）{
document.getElementById（“answer”）.innerHTML=“干得好，您赢了，我选择了：”+comp+”；
}否则，如果（pers==“石头”&&comp==“布”| pers==“布”&&comp==“剪刀”| pers==“剪刀”&&comp==“石头”）{
document.getElementById（“answer”）.innerHTML=“很抱歉您输了，我选择了：“+comp+”；
}
},1000); 
非常感谢，我应用了这个方法，做了我想做的一切，你可以在这里看到最终结果：非常感谢，我应用了这个方法，做了我想做的一切，你可以在这里看到最终结果：