Question

我使用JS / CSS / HTML5创建了一个简单的游戏，但是，我使用了一个开始按钮..使用以下代码：

$('#StartBtn').click(LaunchGame);

当按下时会从主屏幕启动游戏..但是当玩家输掉游戏时，游戏面板会消失并出现“破坏，再试一次”字样，这很好，但是，我正在尝试在2 / 3secs链接回到主页后重新启动游戏时，让“开始”按钮出现。但是，我只是无法弄清楚如何做到这一点。

以下是游戏结束时出现的代码。

function EndGame(HasTiledOut) {
    ShowHomeScreen();

    $('#EntireScreen').html('');

    var GameOutcomeText = (HasTiledOut) ? 'Busted!!' : 'Try Again!';

    $('#GameOutcome').text(GameOutcomeText).fadeIn();
}

如果需要更多代码，我很乐意提供它，如果它更容易回答

Answer 1

您可以使用setTimeout延迟活动，如下所示：

setTimeout(function(){ [your code here] }, 3000);

请记住，它使用毫秒，因此3000是3秒。

Answer 2

当游戏开始时隐藏开始按钮并将事件附加到它上面。只是隐藏它..

$('#StartBtn').hide();

在EndGame（）方法的最后游戏中再次显示按钮

 `setTimeout(function() {
  $('#StartBtn').show();
  }, 5000);`

Answer 3

你可以在游戏开始时试试这个

$('#StartBtn').click(function(){
LaunchGame();
$('#StartBtn').hide();
});

游戏结束时

$('#GameOutcome').text(GameOutcomeText).fadeIn(300, function() {$('#StartBtn').show()});

当fadeIn效果结束时，会出现StartButton。

通过Javascript中的“开始”按钮从1页链接到另一页

3 个答案: