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


Posted in Python onAugust 16, 2019

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

Python 相关文章推荐
Python的一些用法分享
Oct 07 Python
Python Web编程之WSGI协议简介
Jul 18 Python
Python实现账号密码输错三次即锁定功能简单示例
Mar 29 Python
PyTorch基本数据类型(一)
May 22 Python
详解Python Qt的窗体开发的基本操作
Jul 14 Python
python列表每个元素同增同减和列表元素去空格的实例
Jul 20 Python
django基于存储在前端的token用户认证解析
Aug 06 Python
python爬虫之遍历单个域名
Nov 20 Python
python列表推导式操作解析
Nov 26 Python
Python3爬虫mitmproxy的安装步骤
Jul 29 Python
Python 执行矩阵与线性代数运算
Aug 01 Python
解决python3安装pandas出错的问题
May 20 Python
解决python3 安装不了PIL的问题
Aug 16 #Python
Python爬虫 批量爬取下载抖音视频代码实例
Aug 16 #Python
django 使用 PIL 压缩图片的例子
Aug 16 #Python
详解PyTorch手写数字识别(MNIST数据集)
Aug 16 #Python
Python 等分切分数据及规则命名的实例代码
Aug 16 #Python
Python 分发包中添加额外文件的方法
Aug 16 #Python
解决Djang2.0.1中的reverse导入失败的问题
Aug 16 #Python
You might like
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
浅析Yii2 GridView 日期格式化并实现日期可搜索教程
2016/04/22 PHP
IE中直接运行显示当前网页中的图片 推荐
2006/08/31 Javascript
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
JS 有名函数表达式全面解析
2010/03/19 Javascript
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
Javascript合并表格中具有相同内容单元格示例
2013/08/11 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
2015/07/27 Javascript
JavaScript SHA512&amp;SHA256加密算法详解
2015/08/11 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
跟我学习javascript的undefined与null
2015/11/17 Javascript
原生js实现图片层叠轮播切换效果
2016/02/02 Javascript
Ajax使用原生态JS验证用户名是否存在
2020/05/26 Javascript
微信小程序 地图定位简单实例
2016/10/14 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
2018/08/01 Javascript
mpvue 单文件页面配置详解
2018/12/02 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
python 中的divmod数字处理函数浅析
2017/10/17 Python
用TensorFlow实现戴明回归算法的示例
2018/05/02 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
pandas基于时间序列的固定时间间隔求均值的方法
2019/07/04 Python
python matplotlib拟合直线的实现
2019/11/19 Python
浅谈keras中的batch_dot,dot方法和TensorFlow的matmul
2020/06/18 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
获取邓白氏信用报告:Dun & Bradstreet
2019/01/22 全球购物
《伯牙绝弦》教学反思
2014/03/02 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
查摆剖析材料范文
2014/09/30 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
技术入股协议书
2016/03/22 职场文书
Nginx进程管理和重载原理详解
2021/04/22 Servers