javascriptを使用してコマンドを完了すると、実行に時間がかかることがありますが、ボタンをクリックすると、ボタンが押されたままになり、javascriptの実行が完了するまで画面が更新されません。javascriptの実行中にローダーを表示したいので、javascriptの実行中に画面を更新し続ける方法を知る必要があります。
コード:jsFiddleコード
javascriptを使用してコマンドを完了すると、実行に時間がかかることがありますが、ボタンをクリックすると、ボタンが押されたままになり、javascriptの実行が完了するまで画面が更新されません。javascriptの実行中にローダーを表示したいので、javascriptの実行中に画面を更新し続ける方法を知る必要があります。
コード:jsFiddleコード
jQueryを使用します。jQuery.clickはクリック時のアクションを取得し、クリック関数内に読み込みgifを含むdivでjQueryのトグルを使用します。
ブラウザは現在のJavascriptスタックが終了した後にのみ再描画/再描画を実行するため、画像は表示されません。
できることは、ローダーを表示しsetTimeout
、再描画が行われた後にを使用して重い処理関数を呼び出すことです。
for
関数がフィドルのようにループ時間などの同期アクションを実行する場合、100000000
ブラウザはそれを処理するのに忙しくなり、読み込み中の画像をアニメーション化できないことに注意してください(静止画像が作成されます)。
onclick="show_loader(); setTimeout(fn, 100);"