在django中实现页面倒数几秒后自动跳转的例子

时间：2021-05-22

实现倒计时跳转要和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" rel="external nofollow" rel="external nofollow" ; } x--; }</script></body>

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

以上这篇在django中实现页面倒数几秒后自动跳转的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章