javascript - 单击按钮显示数据

Question

我有 2 个按钮 Start 和 Walk Away。我希望最初不应该出现走开按钮，但是在单击开始按钮时应该出现走开按钮(我不想使用切换)。

我有两个问题:

1) 单击开始按钮时，我可以隐藏和显示第二个按钮，但我最初无法隐藏该按钮。2) 在单击“开始”按钮后出现“走开”按钮后，我希望“走开”按钮在 2 分钟后自动隐藏。我做不到

目前能正常运行的代码是.代码在 fiddle

$("#start").click(function () {
    $("#walkaway").show();
});

<button type="submit" name="submit" id="start" value="Submit">Start</button>
<button type="submit" name="submit" id="walkaway" value="Submit">Walk Away</button>

Answer 1

最初使用 CSS 隐藏按钮:

#walkaway {
    display: none;
}

要在 2 秒后隐藏按钮，请使用 delay:

$(document).ready(function () {
    $("#start").click(function () {
        $("#walkaway").fadeIn().delay(2000).fadeOut();
    });
});

演示:http://jsfiddle.net/tusharj/saytq920/2/

文档:http://api.jquery.com/delay/

Set a timer to delay execution of subsequent items in the queue.