【javascript】ajaxを利用しない場合のローディング画像の出し方

ぐるぐる回るローディング画像の具体的な表示の仕方についてはこちらを参考

ajaxありの場合
———————————————–
JavaScriptdispLoading(“処理中…”); //ローディング画像を表示するユーザー定義関数

//ajax処理

removeLoading(); //ローディング画像を消すユーザー定義関数
———————————————–

ajaxなしの場合
———————————————–
JavaScriptdispLoading(“処理中…”);

//javascript で描写が画面に反映されるタイミングは、関数の実行が終わってから。
//そのため、ローディング画面を表示させるために一旦ここで関数を終わらせる。
setTimeout(function() {

//時間がかかるjavascriptの処理(ajaxでない)。

removeLoading();
}, 0);
———————————————–

javascriptは、関数の実行中にページの書き換えは起こらない。関数の実行キューが空になって時点ではじめてページの書き換えが起こることに注意。

参考サイト

タイトルとURLをコピーしました