ぐるぐる回るローディング画像の具体的な表示の仕方についてはこちらを参考
ajaxありの場合
———————————————–
JavaScriptdispLoading(“処理中…”); //ローディング画像を表示するユーザー定義関数
//ajax処理
removeLoading(); //ローディング画像を消すユーザー定義関数
———————————————–
ajaxなしの場合
———————————————–
JavaScriptdispLoading(“処理中…”);
//javascript で描写が画面に反映されるタイミングは、関数の実行が終わってから。
//そのため、ローディング画面を表示させるために一旦ここで関数を終わらせる。
setTimeout(function() {
//時間がかかるjavascriptの処理(ajaxでない)。
removeLoading();
}, 0);
———————————————–
javascriptは、関数の実行中にページの書き換えは起こらない。関数の実行キューが空になって時点ではじめてページの書き換えが起こることに注意。