初回アクセス時のみローディング画面を表示したい。

Question

初回アクセス時のみローディング画面を表示したいです。
現在の状況はリンク先からからトップページに戻ってくると、毎回アニメーションが発動してしまい煩わしく感じています。
javascript初心者でご教授いただければと思います。
よろしくお願いします。

該当のソースコード

<script src="js/jquery.cookie.js"></script> <script type="text/javascript"> $(function(){ // 1回目のアクセス if($.cookie("access") == undefined) { //最初にアクセスしたときにはここに書いたアニメーションのJSが動く $.cookie("access","onece"); $("loader-bg").css("display","block") } else { $("loader-bg").css("display","none") //2回目以降は動かないようにする } }); //アニメーション起動 $(function() { var h = $(window).height(); $('#wrap').css('display','none'); $('#loader-bg ,#loader').height(h).css('display','block'); }); //5秒たったら強制的にロード画面を非表示 $(function(){ setTimeout( stopload, 5000 ); }); //全ての読み込みが完了したら実行 function stopload(){ $('#wrap').css('display','block'); $('#loader-bg').delay(900).fadeOut(800); $('#loader').delay(600).fadeOut(300); } </script> <div id="loader-bg"> <div id="loader"> <img src="images/rings.svg"> </div> </div> <div id="wrap"> ロード完了後に表示させる内容 </div>

Comments

[退会済みユーザー]

`$("loader-bg")` → `$("#loader-bg")`
「#」が抜けています。

[mechanix]

ご指摘ありがとうございます。
早速、ためしてみたいと思います。