javascript - MVC 如何添加页面加载延迟

Question

我的问题非常简单(我认为，但我找不到任何引用，谁想减慢他们的网站速度，对吧？)并且可能听起来很荒谬，但我想做的是在页面上有一个启动屏幕我网站的主页/索引的负载。我所做的是在页面顶部，我只是为启动画面添加了一个简单的 div，并使用 javascript 在页面加载时隐藏它。

$(window).bind("load", function () {
// Remove splash screen after load
$('.splash').css('display', 'none')
})

但我的问题是，我的主索引加载速度太快(因为它只是纯文本/html)，因此启动屏幕仅显示 0.5 秒。我想在删除之前添加至少 2-3 秒，我假设我只需要在 $(window).bind 中添加一行或两行代码，然后暂停几秒正在做 $('.splash').css('display', 'none') 但我不知道做什么或如何做，请帮忙!谢谢!

Answer 1

您可以使用 setTimeout() 来延迟 Javascript 中的操作，如下所示:

$(window).bind("load", function () {
    var delay = 5000;

    setTimeout(function () {
        $('.splash').css('display', 'none');
    }, delay);
});