Q&A
ウェブサイトでローディング画面を最初にアクセスした時、更新した時にのみ表示し
サイト内の別ページから戻る時は表示しないようにしたいです。
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件
0
ベストアンサー
（リファラ使用）
document.referrerは使っていませんが、どうやってリファラを得るのでしょう。location.pathname はそのページ自体のURLが基準になりますよ。
【Location - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Location#Properties
【直前に閲覧したページのURL(リファラ情報)を得る方法 - JavaScript TIPSふぁくとりー】
https://www.nishishi.com/javascript-tips/doc-referrer.html
前回の質問でも指摘していますが、$(function() {}); は外側に1回だけで十分です。（ $(function() {$(function() {});}); とすることは意味が無いです）
あと、setTimeout('stopload()',10000); ではなく setTimeout( stopload, 10000 ); というように関数自体を渡しましょう。（もしくはsetTimeout( function() {}, 10000 )）
投稿2018/12/07 18:57
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/08 08:12