私のJavascriptのクッキーは30日間ではなくセッションで期限切れになります

Question

jQuery(document).ready(function(){ 
     if (document.cookie.indexOf('visited=true') === -1) { 
      var expires = new Date(); 
      expires.setDate(expires.getDate()+30); 
      document.cookie = "visited=true; path=/; expires="+expires.toUTCString(); 
      jQuery.colorbox({open:true,href:"<?=home_url()?>/popup/?site_type=2",iframe:true, innerWidth:"700px", innerHeight:"410px"}); 
     }     
}); 

このクッキーはブラウザをシャットダウンすると期限切れになりますが、ポップアップが再び表示されるまで30日間持続します。

Answer 1

代わりのexpiresを使用して、（秒）max-ageを試してみてください。これには、Dateインスタンスの作成および変更は含まれません。

if (document.cookie.indexOf('visited=true') === -1) { 
    document.cookie = "visited=true; path=/; max-age=2592000;"; 

Answer 2

代わりに、html5 localStorageを使用することもできます。これはIE8 +でサポートされており、セッションとは何の関係もないので、そこに何か問題はないでしょう。 localStorageのアプローチでは、コードを構造化する方法があります。

var 30_DAYS = 1000 * 60 * 60 * 24 * 30; 
var msgSent = localStorage.msgSent; 
var now = new Date().getTime(); 
var diff = now - msgSent; 
if (!msgSent || msgSent > 30_DAYS) { 
    sendMsg(); 
} 

function sendMsg() { 
// do your popup thing 
localStorage.msgSent = new Date.getTime(); 
} 

Answer 3

Cookieオブジェクトを使用します。

var CookieExpiryTime = { 
    END_OF_SESSION : 0, 
    SECOND : 1000, 
    MINUTE : 1000 * 60, 
    HOUR : 1000 * 60 * 60, 
    DAY : 1000 * 60 * 60 * 24, 
    YEAR : 1000 * 60 * 60 * 24 * 365, 
    NEVER : 1000 * 60 * 60 * 24 * 365 * 20 
} 
var Cookie = { 
    Set: function (n, v, time, path) { 
     var e = '', d; 
     if (time) { 
      d = new Date(); 
      d.setTime(d.getTime() + (time)); 
      e = "; expires=" + d.toGMTString(); 
     } 
     if (!path) path = "/"; 
     document.cookie = n + "=" + v + e + "; path="+path; 
    }, 
    Get: function (n) { 
     var match = n + "=", c = '', ca = document.cookie.split(';'), i; 
     for (i = 0; i < ca.length; i++) { 
      c=String(ca[i]).trim() 
      if (c.indexOf(match) === 0) { 
       return c.substring(match.length, c.length); 
      } 
     } 
     return null; 
    }, 
    Unset: function (n) { 
     this.Set(n, "", -1); 
    } 
}; 

はちょうどあなたのクッキーを設定するには、以下のコードを使用します。そのような単純な

Cookie.Set("visited", "true", CookieExpiryTime.MONTH); 

！

また、あなたの日付に30日を追加するために、あなたはそうする必要があります：

expires.setDate(expires.getDate()+30*24*60*60*1000); 

時間はミリ秒単位ではなく日であることから。