Javascript 将setTimeOut属性添加到div

我希望你们都做得很好

今天早上我正在重新制作一个关于剪刀布游戏的教程。 我完成了所有的编码，我想添加一些额外的代码，使它看起来很棒

我只是想知道如何将setTimeOut添加到除法结果中，以便在几秒钟后使其消失

var用户评分=0；
var计算机评分=0；
var userScore_span=document.getElementById（“用户分数”）；
var computerScore_span=document.getElementById（“计算机分数”）；
var随机数；
var result=document.querySelector（“.result”）；
计算机选择；
var用户选择；
var paper_div=document.getElementById（“p”）；
var scissors_div=document.getElementById（“s”）；
var rock_div=document.getElementById（“r”）；
函数选择（）{
var choice=[“r”、“p”、“s”]；
randomNumber=Math.floor（Math.random（）*3）；
返回选择[随机数]；
}
函数返回w（字母）{
如果（字母==“r”）返回“rock”；
如果（字母==“s”）返回“剪刀”；
返回“文件”；
}
函数win（用户选择、计算机选择）{
用户评分++；
userScore\u span.innerHTML=用户得分；
var subU=“user”.fontsize（3.sub（）；
var subC=“computer”.fontsize（3.sub（）；
document.getElementById（userChoice.classList.add（“GreenBlur”）；
result.innerHTML=“youwin”+returnW（用户选择）+subU+“beats”+returnW（计算机选择）+subC；
setTimeout（function（）{document.getElementById（userChoice.classList.remove（“GreenBlur”）}，1000）；
}
功能丢失（用户选择、计算机选择）{
计算机评分++；
computerScore\u span.innerHTML=计算机分数；
var subU=“user”.fontsize（3.sub（）；
var subC=“computer”.fontsize（3.sub（）；
document.getElementById（userChoice.classList.add（“RedBlur”）；
result.innerHTML=“你输了”+returnW（用户选择）+subU+“输给”+returnW（计算机选择）+subC；
setTimeout（function（）{document.getElementById（userChoice.classList.remove（“RedBlur”）}，1000）；
}
函数绘制（用户选择、计算机选择）{
document.getElementById（userChoice.classList.add（“黄色模糊”）；
result.innerHTML=“这是一个平局！”；
setTimeout（function（）{document.getElementById（userChoice.classList.remove（“YellowBlur”）}，1000）；
}
功能游戏（用户选择）{
var computerChoice=computerChoices（）；
开关（用户选择+计算机选择）{
案例“rs”：
案例“sp”：
案例“pr”：
win（用户选择、计算机选择）；
打破
案例“sr”：
案例“ps”：
案例“rp”：
丢失（用户选择、计算机选择）；
打破
案例“rr”：
案例“ss”：
案例“pp”：
绘图（用户选择、计算机选择）；
打破
}
}
函数main（）{
纸张分区添加文件列表（“单击”，函数（）{
游戏（“p”）；
})
剪刀_div.addEventListener（“单击”，函数（）{
游戏；
})
rock_div.addEventListener（“单击”，函数（）{
游戏（“r”）；
})
}
main（）
*{
填充：0px；
边际：0px；
框大小：边框框；
}
身体{
背景色：#181a1a；
}
标题{
背景色：#0041b8；
颜色：白色；
填充：10px；
字体系列：尽快，helvetica；
字体大小：粗体；
文本对齐：居中；
}
.记分牌{
宽度：300px；
高度：180像素；
背景色：#ffffff；
利润率：80px自动；
边界半径：15px；
位置：相对位置；
文本对齐：居中；
字体大小：100px；
字体系列：尽快，helvetica；
顶部填充：20px
}
.选择{
显示：内联块；
宽度：150px；
高度：150像素；
过渡：1s；
边界半径：75px；
利润率：20px；
边框：4倍纯白；
对齐内容：居中对齐；
}
.选择{
文本对齐：居中；
填充：0px40px40px40px；
利润率：10px；
}
.让步{
字体大小：20px；
显示：块；
背景色：#0041b8；
颜色：白色；
字体系列：尽快；
边界半径：5px；
填充：2x15px；
字体大小：粗体；
}
.结果{
颜色：白色；
字体大小：40px；
字体系列：尽快；
字体大小：粗体；
边缘底部：50px；
文本对齐：居中；
}
#用户标签{
位置：绝对位置；
最高：40%；
左-10%；
文本对齐：居中
}
#复合标签{
位置：绝对位置；
最高：40%；
右图：-13%；
文本对齐：居中；
}
}
.选项：悬停{
不透明度：0.2；
}
#行动信息{
颜色：白色；
字体大小：20px；
字体系列：尽快；
字体大小：粗体；
边缘底部：50px；
文本对齐：居中；
}
格林布尔先生{
边框：4倍纯绿；
盒影：0 0 7px#33ff0a；
}
黄蓝{
边框：4px纯黄色；
盒影：0.7px黄色；
}
红蓝侠先生{
边框：4px实心#ff0000；
盒影：0 10px#ff0000；
}

-石头剪刀-
0
使用者
公司
0:0
让你先走一步

添加

在每一个集合中，也会超时


var用户评分=0；
var计算机评分=0；
var userScore_span=document.getElementById（“用户分数”）；
var computerScore_span=document.getElementById（“计算机分数”）；
var随机数；
var result=document.querySelector（“.result”）；
计算机选择；
var用户选择；
var paper_div=document.getElementById（“p”）；
var scissors_div=document.getElementById（“s”）；
var rock_div=document.getElementById（“r”）；
函数选择（）{
var choice=[“r”、“p”、“s”]；
randomNumber=Math.floor（Math.random（）*3）；
返回选择[随机数]；
}
函数返回w（字母）{
如果（字母==“r”）返回“rock”；
如果（字母==“s”）返回“剪刀”；
返回“文件”；
}
函数win（用户选择、计算机选择）{
用户评分++；
userScore\u span.innerHTML=用户分数；
var subU=“user”.fontsize（3.sub（）；
var subC=“computer”.fontsize（3.sub（）；
document.getElementById（userChoice.classList.add（“GreenBlur”）；
result.innerHTML=“You win”+returnW（用户选择）+subU+“beats”+returnW（计算机选择）+subC；
setTimeout（函数（）{
document.getElementById（userChoice）.classList.remove(
document.getElementsByClassName("result")[0].innerHTML = "";