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


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 面向对象编程基础:封装
Aug 21 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 Javascript
jQuery 获取兄弟元素的几种不错方法
May 23 Javascript
全面解析Bootstrap表单使用方法(表单控件)
Nov 24 Javascript
超实用的JavaScript代码段 附使用方法
May 22 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
vue实现拖拽的简单案例 不超出可视区域
Jul 25 Javascript
Element Popover 弹出框的使用示例
Jul 26 Javascript
原生JS生成指定位数的验证码
Oct 28 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
JavaScript中条件语句的优化技巧总结
Dec 04 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
再次研究下cache_lite
2007/02/14 PHP
用PHP 快速生成 Flash 动画的方法
2007/03/06 PHP
php断点续传之如何分割合并文件
2014/03/22 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
Yii2 RESTful中api的使用及开发实例详解
2016/07/06 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
封装好的省市地区联动控件附下载
2007/08/13 Javascript
一个小型js框架myJSFrame附API使用帮助
2008/06/28 Javascript
JQuery 写的个性导航菜单
2009/12/24 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
2016/09/05 Javascript
jQuery动态修改字体大小的方法【测试可用】
2016/09/09 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
JavaScript递归函数定义与用法实例分析
2019/01/24 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
JS通过识别id、value值对checkbox设置选中状态
2020/02/19 Javascript
[01:00]选手抵达华西村 整装待发备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
带你了解python装饰器
2017/06/15 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
PyQt5实现简易电子词典
2019/06/25 Python
python实现微信自动回复及批量添加好友功能
2019/07/03 Python
在vscode中配置python环境过程解析
2019/09/28 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
python爬取音频下载的示例代码
2020/10/19 Python
python中的yield from语法快速学习
2020/11/06 Python
Python实现简单猜数字游戏
2021/02/03 Python
数学系毕业生的自我评价
2014/01/10 职场文书
护士自我评价
2014/02/01 职场文书
小学师德标兵先进事迹材料
2014/05/25 职场文书
Python 键盘事件详解
2021/11/11 Python
CSS SandBox应用场景及常见问题
2022/06/25 HTML / CSS