仅显示前4次访问网站的容器

时间:2010-09-29 13:31:10

标签: jquery cookies

我使用以下代码在3分钟后显示两个div容器:

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

我只希望在前4次访问网站后3分钟后打开这些div容器,之后不再为该用户打开div容器。我假设可以使用jquery cookies脚本跟踪它,但我不太确定如何使用它。

2 个答案:

答案 0 :(得分:2)

从此处的链接获取Cookie插件: http://www.electrictoolbox.com/jquery-cookies/

仅在对网站的前4次访问中打开:

   //$(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.

或者仅在用户实际看到该框的前4次打开时,将cookie递增线移动到overlayContact函数的主体中,在if之前。

答案 1 :(得分:0)

有jQuery插件可以管理cookie。看看这个:

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