2017-05-15 10 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

아니요, 사용자가 웹 브라우저 탭 또는 창을 닫으면 자체를 파괴합니다. 즉, 애니메이션이 처음 재생 된 후 사용자가 서핑을하는 동안 애니메이션이 실행되지 않습니다. –

+0

완벽한! 고마워. – MiXT4PE