2

テキストボックスのあるWebページがあります。.jsボックスにファイル名を入力して[実行] ボタンをクリックすると、指定されたファイルが AJAX 経由で読み込まれますeval()

また、このページには、<div>出力として使用するための空があります。ロードされたファイルが画面に何かを出力する必要がある場合は、それを に追加しdivますinnerHTML

にテキストを追加する場合、innerHTML,通常は Javascript が完了するまで画面に表示されませんが、これは問題ありませんが、Javascript ファイルが重い計算を実行し、完了までに 1 分以上かかる場合があることを除けば、実行中の出力を確認できると便利です。

ドキュメントを「更新」する方法はありますか?

4

2 に答える 2

1

を使用してこれを解決しようとしsetTimeoutます。

function performInitialHtmlRender() {
    /// This sets the innerHtml that you want the user to see
    /// While you are performing the calculations
}

function performExpensiveCalculationsAndRender() {
    // This is the really expensive function that
    // you want to run once the browser has rendered 
    // the initial HTML
}

performInitialHtmlRender();
setTimeout(performExpensiveCalculationsAndRender(), 0);
于 2012-11-21T00:30:44.783 に答える
0

setTimeout を使用できます。

div.innerHTML = html;
setTimeout( function(){
   doHeavyCalculations();
}, 35);

http://jsfiddle.net/YKEKK/

于 2012-11-21T00:26:34.250 に答える