![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?c9bd177)
お世話になります。
ローディング画面を作成しようと思いスピナーのGIFを用意しました。
<div id="main">
<div id="loading"><img src="spinner.gif" /></div>
</div>
上記のような感じで画面遷移した際にはスピナーが表示されるようにして、
ページの読み込みが終わった際に
$(window).load(function() {
$("#main").load('htmlのURL');
});
のように、htmlを読み込んで表示しようとしています。
実際にはjqueryのajax通信を使って非同期にサーバー側でHTMLを生成してそれを読み込むようにしているのですが、読み込む際にスピナーのGIFアニメが止まってしまいます。
重い処理(サーバー側の処理)を行っているからだと思うのですがGIFアニメをとめずにhtmlを更新することはできないのでしょうか。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
こんにちは。
>重い処理(サーバー側の処理)を行っているからだと思うのですが
サーバ側の処理はおそらく関係なく返ってきたHTMLを構成する際、クライアントの処理能力の問題だと思います。
(処理を同時に走らせるとギクシャクするイメージ)
返すHTMLの中身を軽くするとか、HTMLではなく必要最低限な情報をJSON形式で返すとか。
それで改善するかはわかりませんが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tryの終了
-
印刷プレビュー表示したい .NET
-
表示待ち時間に「処理中...」の...
-
ExcelVBA で文字列の特定の文字...
-
Javaでのデバッグコード削除
-
素数判定を再帰処理で
-
Tomcat高負荷時の設定について
-
WPF C#でF10のイベント取得方法...
-
[Java] while(true)の意味
-
JavaScriptからJAVAクラスを呼...
-
SwingUtilities.invokeLater(ne...
-
wait()したスレッドが起こされ...
-
switch文の中に、throws new Ex...
-
再度、スレッドが実行中かどう...
-
アコーディオンメニューをアン...
-
ラジオボタンの選択判定
-
処理実行後、終了させないで最...
-
flush()メソッドについて・・・
-
重い処理を行っているとGIFアニ...
-
演算子について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tryの終了
-
Tomcat高負荷時の設定について
-
onBlurとonFocusの処理順序につ...
-
Javaでのデバッグコード削除
-
ラジオボタンの選択判定
-
WPF C#でF10のイベント取得方法...
-
doGetとdoPostの違い
-
SwingUtilities.invokeLater(ne...
-
アコーディオンメニューをアン...
-
数値の定数を付ける時
-
switch文の中に、throws new Ex...
-
JAVAからJAVASCRIPT関数を呼び出し
-
再度、スレッドが実行中かどう...
-
ラベルの表示までが異常に遅い...
-
JavaScriptからJAVAクラスを呼...
-
javaのプログラムが止まる
-
Javaプログラムからポップアッ...
-
C#で別スレッドの終了を知りたい
-
vba Sleep関数について教えてく...
-
Tomcatのスレッドを破棄する方法
おすすめ情報