javascript - 如果发生超时隐藏div？

Question

在使用 HTML 和 jQuery 开发应用程序时，我有一个覆盖整个页面的加载屏幕，然后在内容加载后淡出，如下所示：

google.maps.event.addListenerOnce(map, 'tilesloaded', function(){
    $(".loading").delay(2600).fadeOut({
        useTranslate3d: true,
    });
});

（如果有人想知道为什么淡入淡出会有延迟，那就是加载动作和淡出之间有一点缓冲时间）

我想要完成的是，当 div 在一定秒数后没有淡出时，比如一分钟（或建议更好的时间），然后 div 淡出并出现错误消息，说资源失败装载。

Answer 1

var failedTimeout = setTimeout(function() {
    alert('resources failed to load');
}, 60000);

google.maps.event.addListenerOnce(map, 'tilesloaded', function(){
    clearTimeout(failedTimeout);
    $(".loading").delay(2600).fadeOut({
        useTranslate3d: true,
    });
});