登陆成功后自动计算秒数执行跳转


Posted in Javascript onJanuary 23, 2014

login.html

<script language = "javascript" type = "text/javascript"> 
function $(id){ 
return document.getElementById(id); 
} function checkUser(){ 
if($("u1").value == "hello" && $("p1").value == "123"){ 
return true; 
}else{ 
return false; 
} 
} 
</script> 
<form action = "ok.html"> 
<div style = "width:300px;height:200px;border:1px solid red;background-color:pink"> 
<p/> 
U:<input id = "u1" type = "text" value = "" /> <br><br> 
P:<input id = "p1" type = "text" value = "" /> <br><br> 
<input type = "submit" onclick = "return checkUser()" value = "登陆" style = "margin-left:20px"/> 
</div> 
</form>

ok.html
<script language = "javascript" type = "text/javascript"> 
setTimeout("javascript:clearInterval(mytime);window.open('manage.html')",5000); 
function changeSec(){ 
document.getElementById("myspan").innerText = 
parseInt(document.getElementById("myspan").innerText) - 1; 
} 
var mytime = setInterval("changeSec()",1000); 
</script> 
登陆成功 <span id = "myspan">5</span> 秒钟后自动跳转...

manage.html
welcome
 
登陆成功后自动计算秒数执行跳转 
Javascript 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
jqGrid中文文档之选项设置
Dec 02 Javascript
javascript实现右侧弹出“分享到”窗口效果
Feb 01 Javascript
js添加事件的通用方法推荐
May 15 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
Vue自定义指令拖拽功能示例
Feb 17 Javascript
JS实现判断图片是否加载完成的方法分析
Jul 31 Javascript
Vue中props的详解
May 16 Javascript
Django模板继承 extend标签实例代码详解
May 16 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 #Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 #Javascript
解决jquery插件冲突的问题
Jan 23 #Javascript
js实现日期级联效果
Jan 23 #Javascript
js日期、星座的级联显示代码
Jan 23 #Javascript
js根据日期判断星座的示例代码
Jan 23 #Javascript
jQuery中Dom的基本操作小结
Jan 23 #Javascript
You might like
php页面缓存ob系列函数介绍
2012/10/18 PHP
PHP5函数小全(分享)
2013/06/06 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
采用call方式实现js继承
2014/05/20 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
HTML的select控件美化
2017/03/27 Javascript
JavaScript面向对象精要(上部)
2017/09/12 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
2017/09/15 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
2019/03/19 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
[01:23]2014DOTA2国际邀请赛 球迷无处不在Ti现场世界杯受关注
2014/07/10 DOTA
python网络编程示例(客户端与服务端)
2014/04/24 Python
使用Python的web.py框架实现类似Django的ORM查询的教程
2015/05/02 Python
python爬虫正则表达式之处理换行符
2018/06/08 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
Python requests设置代理的方法步骤
2020/02/23 Python
keras 多任务多loss实例
2020/06/22 Python
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
在DELPHI中调用存储过程和使用内嵌SQL哪种方式更好
2016/11/22 面试题
学校大课间活动方案
2014/01/30 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
2014年大学生工作总结
2014/11/20 职场文书
投标单位介绍信
2015/05/05 职场文书
入党介绍人意见范文
2015/06/01 职场文书
springboot临时文件存储目录配置方式
2021/07/01 Java/Android
mysql分组后合并显示一个字段的多条数据方式
2022/01/22 MySQL