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

所属分类: 脚本专栏 / python 阅读数: 245
收藏 0 赞 0 分享

实现倒计时跳转要和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中实现页面倒数几秒后自动跳转的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

QML用PathView实现轮播图

这篇文章主要为大家详细介绍了QML用PathView实现轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Opencv图像处理:如何判断图片里某个颜色值占的比例

这篇文章主要介绍了Opencv图像处理:如何判断图片里某个颜色值占的比例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

python golang中grpc 使用示例代码详解

这篇文章主要介绍了python golang中grpc 使用,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

浅谈python opencv对图像颜色通道进行加减操作溢出

这篇文章主要介绍了浅谈python opencv对图像颜色通道进行加减操作溢出,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

解决python运行启动报错问题

这篇文章主要介绍了解决python运行启动报错问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Python常见反爬虫机制解决方案

这篇文章主要介绍了Python常见反爬虫机制解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题

这篇文章主要介绍了解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

pycharm设置默认的UTF-8编码模式的方法详解

这篇文章主要介绍了pycharm设置默认的UTF-8编码模式,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

浅谈Pycharm的项目文件名是红色的原因及解决方式

这篇文章主要介绍了浅谈Pycharm的项目文件名是红色的原因及解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Python网络爬虫四大选择器用法原理总结

这篇文章主要介绍了Python网络爬虫四大选择器用法原理总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多