我怎样才能在jQuery中设置延迟？

Question

我有一些代码充当预加载器，直到所有JS都已加载为止。唯一的问题是我看到预加载器出现在进入页面的内容的顶部。

如何调整下面的代码淡出'#loading-mask'div，用空白屏幕暂停0.5秒，然后淡入我的页面内容？

主要目标是阻止两者重叠

这是我的代码：

$('#loading-mask').fadeOut();

Answer 1

$('#loading-mask').fadeOut(500, function() {
    setTimeout(500);
    $('#content').fadeIn()
});