在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编写爬虫的基本模块及框架使用指南
Jan 20 Python
Python 40行代码实现人脸识别功能
Apr 02 Python
详解Python使用tensorflow入门指南
Feb 09 Python
python如何让类支持比较运算
Mar 20 Python
python实现图书馆研习室自动预约功能
Apr 27 Python
Pycharm之快速定位到某行快捷键的方法
Jan 20 Python
pandas 使用均值填充缺失值列的小技巧分享
Jul 04 Python
利用ImageAI库只需几行python代码实现目标检测
Aug 09 Python
在Python中画图(基于Jupyter notebook的魔法函数)
Oct 28 Python
在OpenCV里使用Camshift算法的实现
Nov 22 Python
python批量提取图片信息并保存的实现
Feb 05 Python
Python爬取某平台短视频的方法
Feb 08 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下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
js导出格式化的excel 实例方法
2013/07/17 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
2013/11/14 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
jquery实现手机端单店铺购物车结算删除功能
2017/02/22 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
详解vue 数组和对象渲染问题
2018/09/21 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
2018/10/09 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
使用nodejs实现JSON文件自动转Excel的工具(推荐)
2020/06/24 NodeJs
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
浅谈Python反射 &amp; 单例模式
2019/03/21 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
Django model 中设置联合约束和联合索引的方法
2019/08/06 Python
python语言的优势是什么
2020/06/17 Python
Windows下Sqlmap环境安装教程详解
2020/08/04 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
HTML5注册页面示例代码
2014/03/27 HTML / CSS
90后毕业生的求职信范文
2013/09/21 职场文书
咖啡馆创业计划书
2014/01/26 职场文书
火车来了教学反思
2014/02/11 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
2014年个人教学工作总结
2014/12/09 职场文书
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS
CSS的calc函数用法小结
2022/06/25 HTML / CSS