关于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="点我" οnclick="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)
}

 

转载于:https://www.cnblogs.com/wy-ys/p/6236534.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值