html:
<div class="pop-download-warp">css
<div class="pop-download"> <h3>e手機App推出新功能</h3> <p>鄰里互撩,讓溝通無障礙!</p> <p class="font-bottom">羣組模式,讓羣聊嗨起來!</p> <a href="/app/download">前往eApp</a> <div class="close-btn" id="pop-download-btn"></div> </div>
</div>html
js:
$(function(){cookie
function setCookie (name, value) {app
var curDate = new Date(); //當前時間戳 var curTamp = curDate.getTime(); //當前日期 var curDay = curDate.toLocaleDateString(); var brow = $.browser; var curWeeHours = 0; if (window.navigator.userAgent.indexOf("Chrome") !== -1) { //當日凌晨的時間戳,減去一毫秒是爲了防止後續獲得的時間不會達到00:00:00的狀態 curWeeHours = new Date(curDay).getTime() + (8 * 60 * 60 * 1000) - 1; } else { curWeeHours = new Date(curDay).getTime() - 1; } //當日已通過去的時間(毫秒) var passedTamp = curTamp - curWeeHours; //當日剩餘時間 var leftTamp = 24 * 60 * 60 * 1000 - passedTamp; var leftTime = new Date(); leftTime.setTime(leftTamp + curTamp); //建立cookie document.cookie = name + "=" + value + ";expires=" + leftTime.toGMTString() + ";path=/";
}flex
function getCookie (name) { //name 爲想要取到的鍵值的鍵名 var reg = /\s/g; var result = document.cookie.replace(reg, ""); var resultArr = result.split(";"); for (var i = 0; i < resultArr.length; i++) { var nameArr = resultArr[i].split("="); if (nameArr[0] == name) { return nameArr[1]; } } } if(getCookie('display')=="hidden"){ $('.pop-download-warp').css('display',"none") }else{ setCookie('display',"hidden") $('.pop-download-warp').css('display',"flex") } $("#pop-download-btn").on("click",function(){ $('.pop-download-warp').css('display',"none") })
})code