超时发生时隐藏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,
    });
});