Question

我对编码很新。我正在制作一个简单的游戏，当你死的时候会显示“谢谢你玩，你的分数 _ ”。在下一行是一个显示“再次播放”的按钮。我让按钮重置游戏并自动开始新游戏。如果我可以帮助添加按钮倒计时，那将是很好的。按下它后，我想在屏幕上显示3,2,1，然后开始游戏。

`{
var msg_score = document.getElementById("msg");
msg_score.innerHTML = "Thanks for playing!<br /> Your Score : <b>"+score+"</b><br /><br /><input type='button' value='Play Again' onclick='window.location.reload();' />";
document.getElementById("playArea").style.display = 'none';
window.clearInterval(interval);
}`

Answer 1

定义一个创建请求倒计时的函数。

function count_down(seconds) {
    var msg_score = document.getElementById("msg");
    if(seconds <= 0) {
        window.location.reload();
        return;
    }
    msg_score.innerHTML = msg_score.innerHTML + "<br/>" + seconds;
    seconds--;
    setTimeout(count_down(seconds), 1000);
}

并将onclick='window.location.reload();'更改为count_down(3);

Answer 2

你需要的是延迟功能..

这是一个例子，这个函数将在2秒后打印另一个字符串..

我不知道你想要打印什么或者你想要执行哪个功能所以我已经将代码概括为一般...你可以根据你的程序需要调用一个函数或打印..

    function callback(a){
           return function(){
        alert("Hello " + a);
            }
    }

   var a = "world";
   setTimeout(callback(a), 2000);
   a = "Stack Overflow";

编辑：setTimeout函数也以毫秒为单位。所以2000 ms = 2秒

单击按钮后需要创建倒计时

2 个答案: