読み込みが終わるまでローディングを表示したい

Question

JavaScript(Canvas)を使って、ローディングアイコンのようなものは作成することができました。
しかし、読み込みが終わるまで表示させたいと思うのですが、できませんでした。

現在は、単にファイルが読み込まれた際にアイコンをN秒表示させるというプログラムならできたのですが、それでは単にfadeinさせただけです。
これでは読み込み中としての表示ではないですし、意味も変わってくると思います。
また、一度DOM要素が描画されてからローディングが表示されるため、一瞬表示されてしまうという問題もあります。
そこで、jQueryを使って読み込まれるまで表示させ、尚且つ一番最初にというコードはどのようにコードで書けば良いのか。セレクターは何を指定すれば良いのでしょうか？

Comments

[yambejp]

＞読み込みが終わるまで

なんの「読み込みが終わるまで」なのでしょうか？

[jssa]

ページ読み込みのことになります。

Answer 1

// ルートか、即時実行される箇所で、まずローディングを表示させる

window.onload = () => {
  // ページの全てのリソースのロードが終わった時に実行される
  // なので、ここで、ローディングの非表示処理を行う
};

Comments

[jssa]

ご回答ありがとうございます。

読み込まれなかった時。応答がなかった時 指定した時間後に強制的に表示させたい時があるかと思います。
その際はどのようにすれば良いのでしょうか？

[miyabi_pudding]

> 応答がなかった時 指定した時間後に強制的に表示させたい時があるかと思います。

setTimeout使えばいいんじゃないですかね。

[jssa]

なるほど！ありがとうございました