在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二叉树的实现实例
Nov 21 Python
浅谈python for循环的巧妙运用(迭代、列表生成式)
Sep 26 Python
opencv改变imshow窗口大小,窗口位置的方法
Apr 02 Python
python使用matplotlib画柱状图、散点图
Mar 18 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
May 31 Python
python openpyxl使用方法详解
Jul 18 Python
TensorFlow2.0:张量的合并与分割实例
Jan 19 Python
一文了解python 3 字符串格式化 F-string 用法
Mar 04 Python
Python实现在Windows平台修改文件属性
Mar 05 Python
python开发入门——set的使用
Sep 03 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
Nov 24 Python
python自动化调用百度api解决验证码
Apr 13 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使用curl访问https示例分享
2014/01/17 PHP
php通过strpos查找字符串出现位置的方法
2015/03/17 PHP
Yii2压缩PHP中模板代码的输出问题
2018/08/28 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
JavaScript与DOM组合动态创建表格实例
2012/12/23 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
js中数组(Array)的排序(sort)注意事项说明
2014/01/24 Javascript
基于promise.js实现nodejs的promises库
2014/07/06 NodeJs
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
JavaScript获取页面中超链接数量的方法
2015/11/09 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
JavaScript实现图片懒加载(Lazyload)
2016/11/28 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
Vue组件间通信 Vuex的用法解析
2019/08/05 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
在antd Table中插入可编辑的单元格实例
2020/10/28 Javascript
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
Python中类的继承代码实例
2014/10/28 Python
Python字符串处理实例详解
2017/05/18 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
小班开学寄语
2014/04/04 职场文书
应届大专毕业生自我鉴定
2014/04/08 职场文书
党校毕业个人总结
2015/02/28 职场文书
运动会主持词大全
2015/07/02 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书
Win11软件图标固定到任务栏
2022/04/19 数码科技