divで期限切れになるようにクッキーを設定する

Question

私は、ブートストラップnavbar-inverseを使ってページにdivを持っています。ページが読み込まれると、ユーザーは閉じるボタンをクリックし、クッキーを2日以内に期限切れに設定します。次回はユーザーがページに来てクッキーの有効期限が切れると、divは非表示になります。それ以外の場合はdivが表示されます。あなたの応答を感謝します。

//ここにdivのページに他のコンテンツがあります。

<div id="myFooter"> 
    <div class="navbar-inverse1 navbar-fixed-bottom" role="navigation"> 
    <div class="container"> 
     <div class="navbar-text pull-right"> 
     <button type="button" class="close" id="myButton" data-dismiss="navbar">&times;</button> 
     <h1 class="text-center">Do Something Here</h1> 
     <p>Lorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It's also called placeholder (or filler) text. It's a convenient tool for mock-ups. It helps to outline the visual elements of a document or presentation, so to deliberately render its content nonsensical; it's not genuine, correct, or comprehensible Latin anymore. While lorem ipsum's still resembles classical Latin</p> 
     </div> 
    </div> 
    </div> 
</div> 

//ここはスクリプトですが、動作させることはできません。

<script> 
     $(document).ready(function() { 
    // initially popup click to hide: 
     $('.close').click(function() { 
      $('#myFooter').hide(); 
     }); 
    // Check for the "whenToShowPopup" cookie, if not found then show the popup and save the cookie. 
    // The cookie will expire and every 2 days and the popup will show again. 
     limit = 5; 
     idleTime = 0; 
     if ($.cookie('whenToShowPopup') == null) { 
      function timerIncrement() { 
      idleTime = idleTime + 1; 
      if (idleTime > $limit && $.cookie('whenToShowPopup') != 'yes') { 
       $('#myFooter').show(); 
       idleTime = 0; 
       console.log('whenToShowPopup', 'idleTime'); 
      // Create expiring cookie, 2 days from now: 
       $.cookie('whenToShowPopup', 'yes', { 
       expires: 2, 
       path: '/' 
       }); 
      // Show Popup 
       $('#myFooter').hide(); 
       console.log('whenToShowPopup', 'cookie created'); 
      }; 
      }); 
     }); 
     </script> 

Answer 1

あなたのjavascriptにはいくつかの中括弧がないようです。

ここに書式設定されたコードがあります。 （あなたのロジックを解決できないかもしれない）。

<script> 
$(document).ready(function() { 
    // initially popup click to hide: 
    $('.close').click(function() { 
    $('#myFooter').hide(); 
    }); 
    // Check for the "whenToShowPopup" cookie, if not found then show the popup and save the cookie. 
    // The cookie will expire and every 2 days and the popup will show again. 
    limit = 5; 
    idleTime = 0; 
    if ($.cookie('whenToShowPopup') == null) { 
    function timerIncrement() { 
     idleTime = idleTime + 1; 
     if (idleTime > $limit && $.cookie('whenToShowPopup') != 'yes') { 
     $('#myFooter').show(); 
     idleTime = 0; 
     console.log('whenToShowPopup', 'idleTime'); 
     // Create expiring cookie, 2 days from now: 
     $.cookie('whenToShowPopup', 'yes', { 
      expires: 2, 
      path: '/' 
     }); 
     // Show Popup 
     $('#myFooter').hide(); 
     console.log('whenToShowPopup', 'cookie created'); 
     }; 
    } 
    } 
}); 
</script>