好程序员web前端培训分享js实现实战案例-阿里云开发者社区

开发者社区> 开发与运维> 正文

好程序员web前端培训分享js实现实战案例

简介: 好程序员web前端培训分享js实现实战案例,实际开发中有要求用户一些行为每天一次,次日开始重新回复功能,一般前端都是通过cookie来记住用户的操作,然后进行判断当日是否还有机会,这时候需要给存储的cookie值一个有效期,让次日自动失效,重新计数,代码如下: cookie = { /** * ...

好程序员web前端培训分享js实现实战案例,实际开发中有要求用户一些行为每天一次,次日开始重新回复功能,一般前端都是通过cookie来记住用户的操作,然后进行判断当日是否还有机会,这时候需要给存储的cookie值一个有效期,让次日自动失效,重新计数,代码如下:

cookie = {

/**
 * 获取cookie
 */
get: function (name) {
    var cookieName = encodeURIComponent(name) + ‘=‘,
        cookieStart = document.cookie.indexOf(cookieName),
        cookieValue = null;
    if (~cookieStart) {
        var cookieEnd = document.cookie.indexOf(‘;‘, cookieStart);
        if (!~cookieEnd) {
            cookieEnd = document.cookie.length;
        }
        cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd));
    }
    return cookieValue;
},
/**
 * 设置cookie
 */
set: function (name, value, expires, path, domain, secure) {
    var cookie = encodeURIComponent(name) + ‘=‘ + encodeURIComponent(value);
    expires instanceof Date && (cookie += ‘; expires=‘ + expires.toGMTString());
    path && (cookie += ‘; path=‘ + path);
    domain && (cookie += ‘; domain=‘ + domain);
    secure && (cookie += ‘; secure‘);
    document.cookie = cookie;
},
/**
 * 删除cookie
 * javascript里,没有提供直接删除cookie的api,只有通过将过期时间,
 * 设置成过去的某个时间,让cookie过期,来删除。
 */
del: function (name, path, domain, secure) {
    this.set(name, ‘‘, new Date(0), path, domain, secure);
}

}

下面是存储cookie并设置有效期:

//cookie过期时间,次日凌晨
var expires = new Date(new Date(new Date().getTime() + 3024 60 60 1000).setHours(0, 0, 0, 0));

//需要存储的cookie值
var value=‘100‘
cookie.set("key", value, expires);

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章