Comment puis-je mettre un cookie à expiration après x jours avec ce code que j'ai?

Question

Possible en double:
What is the “best” way to get and set a single cookie value using JavaScript

J'ai donc ce code (que je ne l'ai pas) ce qui en fait essentiellement un récipient avec un X, alors quand je presse le X, la div le conteneur se ferme. Toutefois, lorsque vous actualisez la page, le conteneur div réapparaîtra à nouveau.

Comment puis-je faire en sorte que lorsque la personne appuie sur le bouton X, la personne ne verra plus jamais le conteneur div encore (ou pour une durée déterminée de 30 jours) sur cette page? Je veux aller un peu plus loin, si possible, et faire en sorte que lorsque la personne appuie sur le bouton X, il/elle ne verra plus jamais le conteneur div à travers mon site, car je prévois de mettre en œuvre la même div conteneur sur mon site.

J'espère que ce n'est pas trop confus, et que quelqu'un peut m'aider. Merci!

Code HTML:

<div id="bottom_ad"> 
    <div id="close_ad" onclick="close_bottom_ad();">X</div> 
    <!-- Ad Content --> 
</div> 

CSS Code: (. Placer au fond du fichier, avant de tag)

#bottom_ad 
{ 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    height: 80px; 
    background: #000; 
} 
#close_ad 
{ 
    position: absolute; 
    top: 8px; 
    right: 8px; 
    width: 15px; 
    height: 15px; 
    color: #fff; 
} 

JavaScript code:

<script type="text/javascript"> 
    // I may have sorta kinda taken this function from W3Schools. :S 
    function getCookie(c_name) 
    { 
     var i,x,y,ARRcookies=document.cookie.split(";"); 
     for (i=0;i<ARRcookies.length;i++) 
     { 
      x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); 
      y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); 
      x=x.replace(/^\s+|\s+$/g,""); 
      if (x==c_name) 
      { 
       return unescape(y); 
      } 
     } 
    } 

    var ad_cookie = getCookie("closedAd"); 

    if (ad_cookie != null && ad_cookie != "") 
    { 
     document.getElementById("bottom_ad").style.display="none"; 
    } 

    function close_bottom_ad() 
    { 
     document.getElementById("bottom_ad").style.display="none"; 
     document.cookie = "closedAd=true;"; 
    } 
</script> 

Answer 1

Pour définir un Expiration de 30 jours sur votre cookie, vous devez ajouter une heure d'expiration au cookie. Voici une fonction cookie assez simple qui définit un cookie pour N jours:

function createCookie(name, value, days) { 
    var date, expires; 
    if (days) { 
     date = new Date(); 
     date.setTime(date.getTime()+(days*24*60*60*1000)); 
     expires = "; expires="+date.toGMTString(); 
    } else { 
     expires = ""; 
    } 
    document.cookie = name+"="+value+expires+"; path=/"; 
} 

En fixant une date d'expiration appropriée dans le cookie, il sera automatiquement supprimé à ce moment-là. Puis, lorsque votre page se charge (vous devrez attendre que la page ait fini de charger avant d'essayer de la modifier), vous pouvez vérifier si votre cookie closeAd est activé et si c'est le cas, exécutez le code pour masquer le cookie. un d. Pour une expérience de visionnage sans scintillement (donc l'annonce ne s'affiche pas d'abord ouverte, puis fermée), vous pouvez soit commencer avec l'annonce masquée et l'afficher uniquement s'il n'y a pas de cookie. Ou vous ne pouvez l'ajouter dynamiquement à la page s'il n'y a pas de cookie.