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


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 相关文章推荐
location.search在客户端获取Url参数的方法
Jun 08 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
Nov 11 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
Jan 12 Javascript
基于Css3和JQuery实现打字机效果
Aug 11 Javascript
使用Javascript写的2048小游戏
Nov 25 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 Javascript
JS实现的自动打字效果示例
Mar 10 Javascript
js实现移动端轮播图效果
Dec 09 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
JS面向对象的程序设计相关知识小结
May 26 Javascript
JS正则表达式验证密码强度
Mar 18 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
关于Sphinx创建全文检索的索引介绍
2013/06/25 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
php结合web uploader插件实现分片上传文件
2016/05/10 PHP
PHP设计模式之工厂模式定义与用法详解
2018/04/03 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
javascript 函数使用说明
2010/04/07 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
举例讲解Node.js中的Writable对象
2015/07/29 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
2016/10/19 Javascript
基于jquery实现九宫格拼图小游戏
2018/11/30 jQuery
js实现特别简单的钟表效果
2020/09/14 Javascript
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python文件和目录操作详解
2015/02/08 Python
Python中的多行注释文档编写风格汇总
2016/06/16 Python
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
python实现NB-IoT模块远程控制
2018/06/20 Python
Python字典遍历操作实例小结
2019/03/05 Python
python做接口测试的必要性
2019/11/20 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
党校自我鉴定范文
2013/10/02 职场文书
高二政治教学反思
2014/02/01 职场文书
中专生毕业个人鉴定
2014/02/26 职场文书
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
授权委托书样本
2014/04/03 职场文书
市级文明单位申报材料
2014/05/07 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
民主生活会主持词
2015/07/01 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书
2016年五一国际劳动节活动总结
2016/04/06 职场文书
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫