ローディング画像を初回閲覧時のみ表示させたい

Question

下記のようにトップページにローディング画像を設置にしています。

$(function() {
var h = $(window).height();
$('#loading').height(h).css('display','block');
$('#loading #load-img').css({opacity: '0'}).animate({opacity: '1'}, 500);
});
$(window).load(function () {
$('#loading').delay(1700).fadeOut(700);
$('#loading #load-img').delay(500).fadeOut(700);
});

■実装したいこと
・トップページ(初回)[ローディングあり]→下層ページ→トップページ(二回目)[ローディングなし]

トップページ(初回)はローディング画像が表示されるが、下層ページなどを閲覧して、
メニューなどで、トップページ(二回目)に戻った際にはローディング画像は出ないように
したいです。

ご教授願います。

Comments

[m.ts10806]

過去質問にも同様のものはあったと思います。（私も回答した記憶があるので）本来は質問する前にすべきことですが、まず、探してみてください。
https://teratail.com/help/question-tips#questionTips1-2
それで解決しなかったら対応した内容をもって質問に追記してください。

[miyabi_pudding]

どこまで調べ、どこまで自分でやってみて、どこがうまくいかなかった、まで記載お願いします。
調べたらいくらでも方法出てくる部分なので、今のままの質問本文だと、丸投げ質問と思われてしまいますよ。

[buk]

mts10806様、miyabi_takatsuk様
ご回答ありがとうございます。
調べなおします。

Answer 1

初回の定義がよくわかりませんが、cookieに適当な値を保持しておけばよいのでは？

初回：cookieに値がない→表示、cookieに値設定
２回め以降：cookieに値がある→非表示