24小时内“只执行一次的”实现思路与代码

需求背景

用户满足相关条件后，需要弹出相关引导性的提示，并且每天只允许提示一次。

解决思路

1.设置具有生效时间的cookie，通过有无cookie来执行相应的操作。

代码实现    

        // 1.封装操作COOKIE的方法(也可以引入其他库)；

        // 1.1设置指定的cookie，并且指定失效时间；
        function setCookie(name, value, time) {
            var exdate = new Date();
            exdate.setHours(exdate.getHours() + time); //time 小时后过期
            document.cookie = name + "=" + escape(value) + "; expires=" + exdate.toGMTString();
        }

        // 1.2获取指定的cookie；
        function getCookie(name) {
            if (document.cookie.length > 0) {
                u_start = document.cookie.indexOf(name + "=");
                if (u_start != -1) {
                    u_start = u_start + name.length + 1;
                    u_end = document.cookie.indexOf(";", u_start);
                    if (u_end == -1) u_end = document.cookie.length;
                    return unescape(document.cookie.substring(u_start, u_end));
                }
            };
            return "";
        };

        // 2.根据后端返回的数据处理相关业务
        function initInfo(){

            // 2.1后端获取相关信息
            // .....

            // 2.2满足条件，一天之内只提示一次
            if(!getCookie("isFirst")){
                console.log("当前无COOKIE或COOKIE已失效");
                // 当天用户第一次进入，提示用户
                // doSomething

                // 设置COOKIE，有效时间为24小时
                setCookie("isFirst","1",24);
            }else{
                console.log("当前COOKIE为:"+getCookie("isFirst"));
                // 当天用户非首次进入
            }
        }