Javascript：嘗試加載高分辨率圖像而不凍結瀏覽器

Question

我需要加載n個圖形，但不要等待1分鐘，瀏覽器凍結，我希望一旦第一個圖形被創建/呈現，它就會出現在屏幕上搬到下一個。

我正在使用在我的代碼的另一部分工作的「策略」，爲什麼不在這裏工作？

代碼：

var i = -1; 
var total = 10; 
function moveToTheNext() { 
    saySomething() 
    .then(function() {return $timeout(function(){},1000);}) 
    .then(nextChart()); 
    } 

function saySomething() { 
    console.log('hey') 
    var deferred = $q.defer(); 
    deferred.resolve(); 
    return deferred.promise; 
    } 

function nextChart() { 
    i++; 
    if (i <= total) { 
     // some stuff 
     chart[i] = new Highcharts.Chart({ 
      //.... 
     },moveToTheNext()); 
     } 
    } 

UPDATE 錯誤是在nextChart功能

function moveToTheNext() { 
    saySomething() 
    .then(function() {return $timeout(function(){},1000);}) 
    .then(function() {nextChart();}); 
    } 

現在工程:)

Answer 1

解決的執行，看到更新後的代碼問題