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


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 相关文章推荐
js控制框架刷新
Aug 01 Javascript
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
去掉gridPanel表头全选框的小例子
Jul 18 Javascript
document节点对象的获取方式示例介绍
Dec 24 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
JS实现黑客帝国文字下落效果
Sep 01 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 Javascript
基于vue2.0+vuex的日期选择组件功能实现
Mar 13 Javascript
关于vue.js组件数据流的问题
Jul 26 Javascript
详解如何使用微信小程序云函数发送短信验证码
Mar 13 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 Javascript
检查输入的是否是数字使用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安装memcached扩展笔记
2015/05/28 PHP
php数据访问之查询关键字
2016/05/09 PHP
Yii框架连接mongodb数据库的代码
2016/07/27 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
Javascript 构造函数 实例分析
2008/11/26 Javascript
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
2012/02/10 Javascript
javascript倒计时功能实现代码
2012/06/07 Javascript
jquery自定义属性(类型/属性值)
2013/05/21 Javascript
随鼠标上下滚动的jquery代码
2013/12/05 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
javascript使用数组的push方法完成快速排序
2014/09/15 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
微信小程序 Toast自定义实例详解
2017/01/20 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
2017/05/24 Javascript
详解webpack的proxyTable无效的解决方案
2018/06/15 Javascript
解决bootstrap-select 动态加载数据不显示的问题
2018/08/10 Javascript
VSCode launch.json配置详细教程
2020/06/18 Javascript
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
django之session与分页(实例讲解)
2017/11/13 Python
python模块smtplib实现纯文本邮件发送功能
2018/05/22 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
美国保健品专家:Life Extension
2018/05/04 全球购物
华为慧通笔试题
2016/04/22 面试题
优秀求职信范文分享
2013/12/19 职场文书
校园环保建议书
2014/05/14 职场文书
班级文化建设标语
2014/06/23 职场文书
2014年节能工作总结
2014/12/18 职场文书
入党积极分子群众意见
2015/06/01 职场文书
创业项目(超低成本创业项目)
2019/08/16 职场文书
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android
为Centos安装指定版本的Docker
2022/04/01 Servers
一级电子管军用接收机测评
2022/04/05 无线电