任何設置慢速URL參考的定時器/限制的方法？

Question

在我的網站上，我有一個類似於'按​​鈕'的按鈕......但是一段時間，facebook沒有響應（或者很慢），並且導致我的頁面的其他部分空白，等待Facebook最終響應。

我與我的網站的某些成員有相同的問題，他們將他們的在線相冊中的照片鏈接起來 - 如果主機網站速度較慢或沒有響應，則會停止整個頁面。

有沒有辦法在外部鏈接上設置定時器 - 比如說，如果2000ms內沒有響應，那麼就跳過鏈接？

Answer 1

您可以在頁面末尾設置2000毫秒的超時時間。在回調函數中，您可以遍歷所有鏈接的資源（通過查詢文檔getElementsBy*或簡單地通過document.images）並檢查其狀態。如果資源沒有被加載，你可以用Resource not available之類的東西代替它，或者做任何你需要的。

對於HTMLImageElement的準備就緒檢查，有complete布爾屬性（HTML5）或在IE中，它的readyState numeric屬性。

window.setTimeout(function() { 
    var resources = document.images; 
    var resource, message; 
    for (var i = 0, ii = resources.length; i < ii; ++i) { 
    resource = resources[i]; 
    if (typeof resource.complete !== 'undefined' && !resource.complete) { 
     message = document.createTextNode('Resource not available'); 
     resource.parentNode.insertBefore(message, resource); 
     resource.parentNode.removeChild(resource); 
    } 
    } 
}, 2000);