關於cookie 跨頁面處理


首頁做一個底部浮動,現在要求關掉這個浮動,刷新后30s后再出現,或者打開別的內頁也會30s關閉,如果一開始不關掉,那么刷新的時候直接出現:

html

<script src="js/jquery.cookie.js" type="text/javascript"></script>

<div class="foot_float f24" style=" width:100%; height:100px; position:fixed"> 

    <div class="foot_close"><a href="###" onClick="footfloatcloseClick()"><img src="image/foot_close.png"></a> </div>

</div>

cookie.js

<script>
$(function(){
var name = $.cookie('name');
alert(name)
if(name=='value'){
setTimeout(function() {
settime() },1000)

$("foot_float").css('display','none')
}
else{
//alert("一開始就顯示");

$("foot_float").css('display','block')
}
//alert(name);
})
var val = 30;
function settime(){
if(val==0){
//alert("需要彈出");
//val=30;
}else{
val--;
setTimeout(function() {
settime() },1000)
}
}
function footfloatcloseClick(){
debugger;
$.cookie('name','value');
}

</script>
<!--結束-->

 

不用鏈接cookie.js的寫法,有期限設置

<body onLoad="onlo()">
<input type="button" id="btn" value="點我" onclick="settime(this)" />
<script type="text/javascript">

function setCookie(name,value)
{
//var Days = 30;
// var exp = new Date();
//exp.setTime(exp.getTime() + Days*24*60*60*1000);
var ss = name + "="+ escape (value);
document.cookie=ss;
}


function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}

 

function onlo()
{
setCookie("time","10");
var ss=document.cookie;
console.log(getCookie('time') );
}


countdown=getCookie('time');
function settime(val) {
if (countdown == 0) {

val.value="結束";
} else {
val.value="倒計時(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(val)
},1000)
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM