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


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 相关文章推荐
javascript 子窗体父窗体相互传值方法
May 31 Javascript
JavaScript中的property和attribute介绍
Dec 26 Javascript
javascript给span标签赋值的方法
Nov 26 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 Javascript
一个炫酷的Bootstrap导航菜单
Dec 28 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
vue2+el-menu实现路由跳转及当前项的设置方法实例
Nov 07 Javascript
谈谈React中的Render Props模式
Dec 06 Javascript
Vue实现导入Excel功能步骤详解
Jul 03 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的计数器程序
2006/10/09 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
php多任务程序实例解析
2014/07/19 PHP
PHP常用技术文之文件操作和目录操作总结
2014/09/27 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
Yii使用DeleteAll连表删除出现报错问题的解决方法
2016/07/14 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
javascript中String类的subString()方法和slice()方法
2011/05/24 Javascript
JavaScript中的16进制字符(改进)
2011/11/21 Javascript
JS模板实现方法
2013/04/03 Javascript
javascript中全局对象的isNaN()方法使用介绍
2013/12/19 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
iframe跨域通信封装详解
2015/08/11 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
Jquery调用iframe父页面中的元素及方法
2016/08/23 Javascript
JS简单判断滚动条的滚动方向实现方法
2017/04/28 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
2017/06/17 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
小程序实现列表点赞功能
2018/11/02 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾
2015/12/26 DOTA
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
Python txt文件加入字典并查询的方法
2019/01/15 Python
简单了解python 邮件模块的使用方法
2019/07/24 Python
安装PyInstaller失败问题解决
2019/12/14 Python
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
SQL面试题
2013/12/09 面试题
什么是测试驱动开发(TDD)
2012/02/15 面试题
后勤自我鉴定
2013/10/13 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
关于运动会广播稿200字
2014/10/08 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
本科毕业论文致谢词
2015/05/14 职场文书
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python
nginx lua 操作 mysql
2022/05/15 Servers