H5设置cookie来判断显示页面的某部分 偶尔会失效

Question

function setCookie(key, value, expires) {
    var cookieStr = key + "=" + value;
    if (expires) {
        cookieStr += "; " + "max-age" + "=" + 1;
    }
    document.cookie = cookieStr;
}
function getCookie(sName) {
    var aCookie = document.cookie.split("; ");
    for (var i = 0; i < aCookie.length; i++) {
        var aCrumb = aCookie[i].split("=");
        if (sName == aCrumb[0])
            return unescape(aCrumb[1]);
    }
    return null;
}
$(function(){
var act = getCookie('act');
    //从海报到抽奖
    if (act == 'freshen') {
        $('.loader-container,.p1,.p2,.p3').addClass('none')
        swiperInit()
    }
    else {
        $('.p1,.p2,.p3,.loader-container').removeClass('none')
    }
    
     $('.btn-goLottery').on('click', function () {
        var exp = new Date();
        exp.setTime(exp.getTime() + 1000);
        exp = exp.toGMTString();
        setCookie("act", "freshen", exp);
        window.location.href = url + '/default/index'
    });
})


 

现在是这样的 我点击去抽奖存储cookie 跳转 取cookie判断在值显示隐藏页面某部分
但是现在会有在真机上偶尔失效的情况 直接就是刷新没有隐藏想要隐藏的部分

Answer 1

因为你setCookie之后马上跳转了，所有磁盘操作都一样的，并不等待物理写入磁盘。

https://segmentfault.com/q/10...

Answer 2

试试用localStorage

Answer 3

用promise试试，setCookie("act", "freshen", exp)完成后再执行window.location.href = url + '/default/index'

Answer 4

localStorage