多くの要素をチェックしているJavascriptが応答しません

Question

基本的に27,000を超えるオプションをチェックする必要のあるブルートフォースのようなスクリプトを作成し、各チェックの後にdiv内に結果を表示します。

スクリプトは正しくコーディングされています。オプションの数を減らしても十分にうまくいきますが、数秒後に数多くのオプションがあると、スクリプトが応答しないことを示すウィンドウがポップアップします。この多くのオプションを確認しながら、どのように反応させることができますか？

ああ、私はほとんど忘れてしまった。ポップアップウィンドウが表示されたとき（ちょっと変わったとき）にのみデータが表示される。

Answer 1

非同期バッチ処理では、あなたの問題を解決することがあります。

var options = ...; // your code 

// I assume you are using something like this 
function processAll() { 
    for(var i=0; i<options.length; ++i) ... // causes unresponsivity 
} 

// try to use this instead 
function batchProcessing(from) { 
    if(from >= options.length) return; 
    var to = Math.min(1000, options.length-from); 
    for(var i=from; i<from+to; ++i) ... // your code 
    // run the next batch asynchronously, let the browser catch the breath 
    setTimeout(batchProcessing.bind(null, from+1000)); 
}