简单的cookie七天免登录

<html lang="en">

    <head>

        <meta charset="UTF-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Document</title>

    </head>

    <body>

        账户: <input type="text"><br>

        密码: <input type="text"><br>

        <select name="" id="">

            <option value="0">无需免登陆</option>

            <option value="7">7天免登陆</option>

            <option value="30">30天免登陆</option>

        </select>

        <button>登陆</button>

    </body>

    </html>

    <script src="cookie.js"></script>

    <script>

        //免登陆的思想并不是判断账户名和密码的数值,免登陆只看账户名和密码有没有

        if(getCookie("name") !=""){

            location.href = "9.ok.html"

        }

   

        let oSelect = document.querySelector("select")

        let oBtn = document.querySelector("button");

   

        oBtn.onclick = function(){

            switch(oSelect.value){

                case "0":

                    console.log("无需免登陆");

                    break;

                case "7":

                case "30":

                    setCookie("name","laowang",oSelect.value / 1);

                    break

            }

            location.href = "要跳转的页面";

        }

    </script>

外部引入的cookie js是上篇文章  需要的可以看下cookie封装

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的实现七天登录JavaScript 代码: ```javascript const CookieUtil = { // 获取指定名称的 cookie 值 get: function (name) { let cookieName = encodeURIComponent(name) + "=" let cookieStart = document.cookie.indexOf(cookieName) let cookieValue = null if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart) if (cookieEnd == -1) { cookieEnd = document.cookie.length } cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd)) } return cookieValue }, // 设置 cookie 值 set: function (name, value, expires, path, domain, secure) { let cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value) if (expires instanceof Date) { cookieText += "; expires=" + expires.toGMTString() } if (path) { cookieText += "; path=" + path } if (domain) { cookieText += "; domain=" + domain } if (secure) { cookieText += "; secure" } document.cookie = cookieText }, // 删除指定名称的 cookie unset: function (name, path, domain, secure) { this.set(name, "", new Date(0), path, domain, secure) } } // 判断是否登录 function checkLogin() { let username = CookieUtil.get("username") if (username) { // 已登录 // TODO: 执行登录后的操作 } else { // 未登录 let rememberMe = CookieUtil.get("rememberMe") if (rememberMe == "true") { // 自动登录 let password = CookieUtil.get("password") // TODO: 执行自动登录后的操作 } else { // 显示登录页面 // TODO: 显示登录页面 } } } // 登录 function login() { // 获取用户名和密码 let username = document.getElementById("username").value let password = document.getElementById("password").value // TODO: 执行登录操作 // 判断是否勾选七天登录 let rememberMe = document.getElementById("rememberMe").checked if (rememberMe) { // 设置七天登录 let expires = new Date() expires.setTime(expires.getTime() + 7 * 24 * 60 * 60 * 1000) CookieUtil.set("username", username, expires) CookieUtil.set("password", password, expires) CookieUtil.set("rememberMe", "true", expires) } else { // 删除七天登录 CookieUtil.unset("username") CookieUtil.unset("password") CookieUtil.unset("rememberMe") } } ``` 在页面中,需要添加以下元素: ```html <input type="text" id="username" /> <input type="password" id="password" /> <input type="checkbox" id="rememberMe" /> <label for="rememberMe">七天登录</label> <button onclick="login()">登录</button> ``` 其中,`username` 和 `password` 用于输入用户名和密码,`rememberMe` 用于勾选七天登录,`login()` 方法用于执行登录操作。在 `checkLogin()` 方法中,判断是否已登录,如果已登录则执行登录后的操作,否则判断是否勾选七天登录,如果勾选则执行自动登录操作,否则显示登录页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值