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


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入门基础 document.write输出
Feb 22 Javascript
js从10种颜色中随机取色实现每次取出不同的颜色
Oct 23 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
asp.net+js实现金额格式化
Feb 27 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
JS对象是否拥有某属性如何判断
Feb 03 Javascript
详解Vue文档中几个易忽视部分的剖析
Mar 24 Javascript
SVG实现时钟效果
Jul 17 Javascript
微信小程序页面间值传递的两种方法
Nov 26 Javascript
原生JS检测CSS3动画是否结束的方法详解
Jan 27 Javascript
在VUE中实现文件下载并判断状态的方法
Nov 08 Javascript
Ant Design Pro 之 ProTable使用操作
Oct 31 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的类 功能齐全的发送邮件类
2006/10/09 PHP
基于AppServ,XAMPP,WAMP配置php.ini去掉警告信息(NOTICE)的方法详解
2013/05/07 PHP
php绘图之生成饼状图的方法
2015/01/24 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
php数组指针函数功能及用法示例
2020/02/11 PHP
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
javascript获取重复次数最多的字符
2015/07/08 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
javascript实现在指定元素中垂直水平居中
2015/09/13 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
JS表格组件神器bootstrap table详解(基础版)
2015/12/08 Javascript
jQuery绑定事件的几种实现方式
2016/05/09 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
vue-loader教程介绍
2017/06/14 Javascript
JQuery中queue方法用法示例
2019/01/31 jQuery
通过实例解析js简易模块加载器
2019/06/17 Javascript
Vue使用鼠标在Canvas上绘制矩形
2020/12/24 Vue.js
JavaScript 中的六种循环方法
2021/01/06 Javascript
Python解析nginx日志文件
2015/05/11 Python
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
Python Django 命名空间模式的实现
2019/08/09 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
python多线程分块读取文件
2019/08/29 Python
python GUI库图形界面开发之PyQt5图片显示控件QPixmap详细使用方法与实例
2020/02/27 Python
python学习笔记之多进程
2020/08/06 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
入职担保书范文
2014/05/21 职场文书
婚礼答谢词
2015/01/04 职场文书
会议通知
2015/04/15 职场文书