在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中解析JSON并同时进行自定义编码处理实例
Feb 08 Python
讲解Python中的递归函数
Apr 27 Python
python黑魔法之参数传递
Feb 12 Python
Python subprocess模块常见用法分析
Jun 12 Python
python中从str中提取元素到list以及将list转换为str的方法
Jun 26 Python
如何用Python制作微信好友个性签名词云图
Jun 28 Python
Django项目中使用JWT的实现代码
Nov 04 Python
解决python彩色螺旋线绘制引发的问题
Nov 23 Python
python绘制规则网络图形实例
Dec 09 Python
Pytest参数化parametrize使用代码实例
Feb 22 Python
Python 制作自动化翻译工具
Apr 25 Python
Selenium浏览器自动化如何上传文件
Apr 06 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+APACHE实现用户论证的方法
2006/10/09 PHP
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
解决FLASH需要点击激活的代码
2006/12/20 Javascript
零基础学JavaScript最新动画教程+iso光盘下载
2008/01/22 Javascript
jQuery实现div浮动层跟随页面滚动效果
2014/02/11 Javascript
jquery选择checked在ie8普通模式下的问题
2014/02/12 Javascript
js控制当再次点击按钮时的间隔时间
2014/06/03 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
js实现仿微博滚动显示信息的效果
2015/12/21 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
[47:12]TFT vs Secret Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
总经理驾驶员岗位职责
2013/12/04 职场文书
电脑售后服务承诺书
2014/03/27 职场文书
爬山的活动方案
2014/08/16 职场文书
教师工作态度自我评价
2015/03/05 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
礼貌问候语大全
2015/11/10 职场文书