2017-05-15 12 views
0

ユーザがサイトにアクセスしたときに小さなアニメーションを行いたいが、ユーザがサブページを切り替えるたびに表示させたくない。現時点では毎回アニメーションを行いますが、理由はわかりません。ここで クッキーを1時間設定して読み込み時に確認する

は私のコードです:

$(document).ready(function() { 
    "use strict"; 
    if (document.cookie.indexOf('visited') > -1) { 
     // They've been here before. 
     alert("hello again"); 
    } 
    else { 
     // set a new cookie 
     var d = new Date(); 
     d.setTime(d.getTime() + (3600 * 1000)); 
     document.cookie = "visited=yes;" + "expires=" + d.toUTCString() + ";path=/"; 
     // slide in navbar 
     sleep(100); 
     document.getElementById("navlist").style.left = "63%"; 
    } 
}); 
+0

は、クッキーライブラリhttps://github.com/を使用harishkurup/cookiejarを手動で行うのではなく、 –

答えて

2

あなたはそうのような単純な使用sessionStorageの代わりに、クッキーができます。

$(document).ready(function(){ 
    if(sessionStorage.getItem("visitedBefore") == undefined){ 
      sessionStorage.setItem("visitedBefore", "1"); 
      alert("Welcome for the first time!"); 
    } 
}); 

Here is the JSFiddle demo

+0

1時間後にもそれ自体が破壊されますか? – MiXT4PE

+0

いいえ、ユーザーがWebブラウザのタブまたはウィンドウを閉じると、それ自体が破壊されます。これは、アニメーションが最初に再生された後に同じサーフィンでサーフィンしている限り、アニメーションがトリガーされないことを意味します。 –

+0

パーフェクト!どうもありがとう。 – MiXT4PE

関連する問題