如果語句運行功能在Fancybox'onStart'document.ready之前

Question

我想創建一個函數，在'onStart'選項加載fancybox時調用。 代碼將需要檢查頁面是否已加載超過7秒但尚未完成。如果fancybox在7秒內沒有完成加載，該功能將殺死Fancybox模式。下面是我目前的位置，但我已經太過分了，並且相信它不能完成。

$.fancybox({ 
      'autoScale': false, 
      'centerOnScroll': false, 
      'enableEscapeButton': false, 
      'hideOnOverlayClick': false, 
      'href': "link Removed", 
      'showCloseButton': false, 
      'onStart': function() { 
       $.fancybox.showActivity(); 
       window.onload = function() { 
        var a = new Date();//get seconds of loading start 
       } 
       var b = new Date();//get seconds after loading started 
       var difference = (b - a)/1000; 

       if (document.readyState !== "complete" && difference >= 7) { 
        parent.$.fancybox.close(); 
       } 
      }, 
      'onComplete': function() { 
       $('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height 
        $('#fancybox-content').height($(this).contents().find('body').height() + 30); 
       }); 
       $.fancybox.hideActivity(); 
      }, 
      'type': 'iframe' 

     }); 

Answer 1

看起來像一個範圍問題..

window.onload = function() { 
    var a = new Date(); // Declared the variable inside the function 
} 

    var difference = (b - a)/1000; 
         ^------- Cannot access it outside the scope 

所以將只可在這方面

試試這個

var a; 

window.onload = function() { 
    a = new Date(); //get seconds of loading start 
} 

$(function() { 
    $.fancybox({ 
     'autoScale': false, 
      'centerOnScroll': false, 
      'enableEscapeButton': false, 
      'hideOnOverlayClick': false, 
      'href': "link Removed", 
      'showCloseButton': false, 
      'onStart': function() { 
      $.fancybox.showActivity(); 
      var b = new Date(); //get seconds after loading started 
      var difference = (b - a)/1000; 

      if (document.readyState !== "complete" && difference >= 7) { 
       parent.$.fancybox.close(); 
      } 
     }, 
      'onComplete': function() { 
      $('#fancybox-frame').load(function() { 
         // wait for frame to load and then gets it's height 
       $('#fancybox-content').height($(this).contents() 
             .find('body').height() + 30); 
      }); 
      $.fancybox.hideActivity(); 
     }, 
      'type': 'iframe' 
    });