conteneur d'affichage uniquement pour les 4 premières visites sur le site

Question

J'utilise le code suivant pour afficher deux conteneurs div après 3 minutes:

/* Display After 3 Minutes (180000) */ 
setTimeout("jQuery('#contact-overlay, #contact-window').show();", 180000); 

Je veux que ces conteneurs div pour ouvrir après 3 minutes sur les 4 premiers visites sur le site Web, après cela, les conteneurs div ne doivent pas ouvrir à nouveau pour cet utilisateur. Je suppose que cela pourrait être suivi en utilisant le script de cookies jquery, mais je ne suis pas sûr de savoir comment je pourrais obtenir ce travail.

Answer 1

Obtenez le plug-in cookie du lien ici: http://www.electrictoolbox.com/jquery-cookies/

Ouvert uniquement sur les 4 premières visites sur le site:

//$(document).ready(function(){ 
     if(!$.cookie('visits')){ 
     $.cookie('visits',1, {expires: 30}); 
     } 
     $.cookie('visits', (parseInt($.cookie('visits')) + 1), {expires: 30}) 
      //will expire after 30 days 
     var overlayContact = function(){ 
      if(parseInt($.cookie('visits')) < 5){ 
       $('#contact-overlay, #contact-window').show(); 
      } 
     }; 
     setTimeout(overlayContact, 180000); 
    //} 
    // Replace all $ with jQuery if you're doubling up 
    // on your javascript frameworks. 

Ou ouvrir uniquement sur les 4 premières fois que l'utilisateur voit réellement la boîte, déplacez la ligne d'incrémentation des cookies dans le corps de la fonction overlayContact, avant le if.

Answer 2

Il existe des plugins jQuery pour gérer les cookies. Jetez un oeil à ceci:

http://www.electrictoolbox.com/jquery-cookies/