在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中的__init__()方法
May 02 Python
python通过ssh-powershell监控windows的方法
Jun 02 Python
python搭建服务器实现两个Android客户端间收发消息
Apr 12 Python
Pandas时间序列基础详解(转换,索引,切片)
Feb 26 Python
python中使用you-get库批量在线下载bilibili视频的教程
Mar 10 Python
Python3基于print打印带颜色字符串
Jul 06 Python
如何利用Python给自己的头像加一个小国旗(小月饼)
Oct 02 Python
基于Python爬取股票数据过程详解
Oct 21 Python
Python WebSocket长连接心跳与短连接的示例
Nov 24 Python
matlab xlabel位置的设置方式
May 21 Python
python基础之模块的导入
Oct 24 Python
人工智能深度学习OpenAI baselines的使用方法
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安装攻略:常见问题解答(三)
2006/10/09 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
2014/08/25 PHP
php中current、next与reset函数用法实例
2014/11/17 PHP
ThinkPHP框架里隐藏index.php
2016/04/12 PHP
jQuery 获取URL参数的插件
2010/03/04 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
jQuery ajax dataType值为text json探索分享
2013/09/23 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
node.js适合游戏后台开发吗?
2014/09/03 Javascript
javascript比较两个日期相差天数的方法
2015/07/24 Javascript
jQuery中事件与动画的总结分享
2016/05/24 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
2017/09/15 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
2018/01/25 jQuery
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
vue中datepicker的使用教程实例代码详解
2019/07/08 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
Python selenium如何设置等待时间
2016/09/15 Python
Python实现单词翻译功能
2017/06/06 Python
Python实现多属性排序的方法
2018/12/05 Python
python numpy 按行归一化的实例
2019/01/21 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
python 实现多维数组(array)排序
2020/02/28 Python
Spring http服务远程调用实现过程解析
2020/06/11 Python
python如何更新包
2020/06/11 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
html5.2 dialog简介详解
2018/02/27 HTML / CSS
护士的自我鉴定
2014/02/07 职场文书
家长对老师的评语
2014/04/18 职场文书
2014年学校领导班子对照检查材料
2014/09/19 职场文书
经理岗位职责
2015/02/02 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
redis的list数据类型相关命令介绍及使用
2022/01/18 Redis