javascript - 如果接下来 10 秒内没有隐藏则隐藏 div

Question

这是在页面加载之前显示加载程序图像的代码

我有这个代码:

document.onreadystatechange = function () {
   var state = document.readyState
   if (state == 'interactive') {
      $('#until_load').show();
   } else if (state == 'complete') {
     setTimeout(function(){
        $('#until_load').fadeOut();
     },1000);
   }
}

如果 div 在接下来的 5 秒内没有隐藏，我想自动隐藏该 div ..有时这会失败或任何其他原因......任何想法都会有帮助。

Answer 1

像这样的事情怎么办？如果状态是交互式的，则显示加载程序，并设置一个超时，该超时将在 5 秒内隐藏它，否则使用其他超时在 1 秒内(或立即？)隐藏它

document.onreadystatechange = function () {
    var state = document.readyState
    if (state == 'interactive') {
        $('#until_load').show();
        setTimeout(function(){
            $('#until_load').fadeOut();
        },5000);
    } 
    else if (state == 'complete') {
        setTimeout(function(){
            $('#until_load').fadeOut();
        },1000);
    }
}