ウェブサイトでローディング画面を最初にアクセスした時、更新した時にのみ表示し
サイト内の別ページから戻る時は表示しないようにしたいです。
Cookieやwebstorageなどもあると思いますが、ディレクトリのパスを使ってみて
上手くいかなかったので解決法あれば教えてください。
下記のままだと、ローディングが毎回でてしまいます。
ディレクトリになります。
Homeフォルダ
|---index.html
|---Companyフォルダ --- index.html
↓Homeの中のhtmlとjs
HTML
1<body> 2 <div class="loading"></div> 3 <div class="wrap"> 4 //中身 5 </div> 6</body
JS
1$(function(){ 2 const host = $(location).attr('pathname'); 3 if(host !== "/company/index.html"){ //カンパニーページから来ない場合 4 $(function() { //ローディングページ 5 var h = $(window).height(); 6 $('.wrap').css('display','none'); 7 $('.loading').height(h).css('display','block'); 8 }); 9 $(window).load(function () { //全ての読み込みが完了したら実行 10 $('.loading').delay(1400).fadeOut(900); 11 $('.wrap').css('display', 'block'); 12 }); 13 }; 14 15//10秒たったら強制的にロード画面を非表示 16$(function(){ 17 setTimeout('stopload()',10000); 18}); 19function stopload(){ 20 $('.wrap').css('display','block'); 21 $('.loading').delay(1200).fadeOut(800); 22 }; 23});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/08 08:12