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


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 相关文章推荐
ajax无刷新动态调用股票信息(改良版)
Nov 01 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
JavaScript获取flash对象与网上的有所不同
Apr 21 Javascript
jQuery中prop()方法用法实例
Jan 05 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
Jun 22 Javascript
Vue.js移动端左滑删除组件的实现代码
Sep 08 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
Dec 03 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
JavaScript的console命令使用实例
Dec 03 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提交表单发送邮件的方法
2015/03/20 PHP
详解PHP实现定时任务的五种方法
2016/07/25 PHP
PHP的自定义模板引擎
2017/03/24 PHP
Laravel学习教程之model validation的使用示例
2017/10/23 PHP
找到了一篇jQuery与Prototype并存的冲突的解决方法
2007/08/29 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
jquery事件与函数的使用介绍
2013/09/29 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
JavaScript事件类型中UI事件详解
2016/01/14 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
2016/05/18 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
微信小程序商城项目之淘宝分类入口(2)
2017/04/17 Javascript
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
收藏AngularJS中最重要的核心功能
2017/07/09 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
prettier自动格式化去换行的实现代码
2020/08/25 Javascript
在Django的视图中使用数据库查询的方法
2015/07/16 Python
Python实现各种排序算法的代码示例总结
2015/12/11 Python
Python连接MySQL并使用fetchall()方法过滤特殊字符
2016/03/13 Python
Python爬虫中urllib库的进阶学习
2018/01/05 Python
Python3 replace()函数使用方法
2018/03/19 Python
运行django项目指定IP和端口的方法
2018/05/14 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
windows 10 设定计划任务自动执行 python 脚本的方法
2019/09/11 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
为什么是 Python -m
2020/06/19 Python
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
南京软件公司的.net程序员笔试题
2014/08/31 面试题
小学生作文评语集锦
2014/12/25 职场文书
MySQL学习必备条件查询数据
2022/03/25 MySQL