欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

django中实现页面倒数几秒后自动跳转

程序员文章站 2022-03-03 08:53:35
...

实现倒计时跳转要和html中的js结合起来,
例如:实现一个页面简单的注册,然后注册成功后倒计时自动跳转到登录页面。

# 注册页面
def register(request):

    return render(request,"register.html")
# 点击注册
def doregister(request):
    # 获得用户输入的信息,保存到数据库
    username=request.GET.get("username")
    password=request.GET.get("password")
    surepwd=request.GET.get("surepwd")
    age=request.GET.get("age")

    # 判断密码
    if surepwd==password :
        # 创建一个对象
        user = User()
        user.u_name = username
        # user.u_password=password

        # 创建md5对象
        MD5 = hashlib.md5()
        # 将一个二进制数据进行md5处理,生成一个128位的二进制数据
        MD5.update(password.encode("utf-8"))
        # 将二进制结果转换成 十六进制的结果,4位二进制转换成1位十六进制
        passwd = MD5.hexdigest()
        user.u_password = passwd
        user.u_age = int(age)
        # token是唯一的
        # 生成一个无法重复的标识
        user.u_token = createToken()
        user.save()

        return render(request,'pageJump.html')
    else:
        return render(request,'register.html',context={"alert":1})

return render(request,‘pageJump.html’)用来请求实现自动跳转的页面。

<body>
<p>注册成功!还有<span id="sp">5</span>秒跳转到登录界面...</p>
<script>
    onload=function () {
        setInterval(go,1000)
    };
    var x=4;
    function go() {

        if (x>=0){
            document.getElementById("sp").innerText=x;
        }else {
            location.href="/day06/index";
        }
        x--;
    }
</script>
</body>

setInterval(go,1000)设置定时器,1秒执行一次go函数,当x小于0时,执行 location.href="/day06/index";这样就能跳转到登录页面,去执行登录操作了