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


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 List Installed Software
Jun 11 Javascript
一个简单的JavaScript 日期计算算法
Sep 11 Javascript
jQuery 计算iframe 窗口大小的方法
May 13 Javascript
js实现下拉列表选中某个值的方法(3种方法)
Dec 17 Javascript
理解js回收机制通俗易懂版
Feb 29 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
Nov 14 Javascript
Node中使用ES6语法的基础教程
Jan 05 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
JavaScript对象拷贝与赋值操作实例分析
Dec 10 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的垃圾回收机制代码实例讲解
2021/02/27 PHP
jquery获取input表单值的代码
2010/04/19 Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
2014/06/15 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
jQuery实现的自适应焦点图效果完整实例
2016/08/24 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
Bootstrap基本组件学习笔记之面板(14)
2016/12/08 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
js仿网易表单及时验证功能
2017/03/07 Javascript
Jquery中attr与prop的区别详解
2017/05/27 jQuery
JS获取当前地理位置的方法
2017/10/25 Javascript
详解Nodejs mongoose
2018/06/10 NodeJs
js实现搜索栏效果
2018/11/16 Javascript
Python字典操作简明总结
2015/04/13 Python
python通过get,post方式发送http请求和接收http响应的方法
2015/05/26 Python
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
python 中random模块的常用方法总结
2017/07/08 Python
Python切片工具pillow用法示例
2018/03/30 Python
python实现点击按钮修改数据的方法
2019/07/17 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
利用python在excel中画图的实现方法
2020/03/17 Python
市场安全管理制度
2014/01/26 职场文书
四风问题自查报告剖析材料
2014/02/08 职场文书
关于环保的建议书400字
2014/03/12 职场文书
公司租车协议书
2015/01/29 职场文书
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android
Python实现老照片修复之上色小技巧
2021/10/16 Python