1. 程式人生 > >【小記】-008--JS使用cookie實現只出現一次的圖片

【小記】-008--JS使用cookie實現只出現一次的圖片

ready animate 網頁 word exp new script == days

<div class="homeImg"
    style="position:absolute;z-index:999;width:100%;height:100%;background:url(‘./images/90.jpg‘);background-size:cover;">
</div>

<script>
    $(document).ready(function () {
        var adv = $(".homeImg")
        adv.click(function () {
            $(this).animate({
                height:
toggle, width:toggle }) }) // 設置cookie function setCookie(name, value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "="
+ escape(value) + ";expires=" + exp.toGMTString();//設置過期時間 } // 獲取cookie function getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)){ return unescape(arr[2]); }
else{ return null; } } /*判斷網頁是否是第一次瀏覽,如果第一次則,然後設置cookie值,否則把圖片隱藏*/ if (getCookie(name)) { $(.homeImg).css(display, none) } else { setCookie(name,word) console.log(getCookie(name)) // $(‘homeImg‘).css(‘display‘,‘none‘) } }) </script>

關於cookie的使用,復習下

設置 cookie 值的函數
function setCookie(cname,cvalue,exdays)
{
  var d = new Date();
  d.setTime(d.getTime()+(exdays*24*60*60*1000));
  var expires = "expires="+d.toGMTString();
  document.cookie = cname + "=" + cvalue + "; " + expires;
}

獲取 cookie 值的函數 function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(‘;‘); for(var i=0; i
<ca.length; i++) { var c = ca[i].trim(); if (c.indexOf(name)==0) return c.substring(name.length,c.length); } return ""; } 檢測 cookie 是否創建的函數 如果設置了 cookie,將顯示一個問候信息。 如果沒有設置 cookie,將會顯示一個彈窗用於詢問訪問者的名字,並調用 setCookie 函數將訪問者的名字存儲 365 天: function checkCookie() { var username=getCookie("username"); if (username!="") { alert("Welcome again " + username); } else { username = prompt("Please enter your name:",""); if (username!="" && username!=null) { setCookie("username",username,365); } } }

深入了解cookiehttps://www.cnblogs.com/zhuanzhuanfe/p/8010854.html

【小記】-008--JS使用cookie實現只出現一次的圖片