好程式設計師web前端分享js實現實戰案例

好程式設計師 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() + 30*24 * 60 * 60 * 1000).setHours(0, 0, 0, 0));

 

// 需要儲存的 cookie 值

var value= ‘ 100 ‘

cookie.set("key", value, expires);