插入.on（加载）超时

Question

我正试图通过.on（'load'）动态加载一些图像 - 通过以下脚本：

.on('load', function() {
        if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
            alert('broken image!');
        } else {
            $("#rateholder").append(img);
        }
    });

然而，有时，尝试因某种原因而失败。我想暂停它，所以如果图像没有加载，比如说... 10秒......它运行一个不同的功能。

我如何为此添加超时？

Answer 1

您可以创建一个每10秒检查一次图像的功能。

如果没有，那就做你需要的。

var oneSecond = 1000;    
var checkExist = setInterval(function() {
   if ($('#the-image').length) {
      console.log("Exists!");
      clearInterval(checkExist);
   }
   else{
        console.log('Does not Exist');  
        clearInterval(checkExist);
   }
}, oneSecond*10);