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


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 相关文章推荐
js模拟弹出效果代码修正版
Aug 07 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
Aug 04 Javascript
通过jQuery源码学习javascript(三)
Dec 27 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
document.write的几点使用心得
May 14 Javascript
jquery果冻抖动效果实现方法
Jan 15 Javascript
JS实现前端缓存的方法
Sep 21 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
JavaScript实现简单的计算器
Jan 16 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
中英文字符串翻转函数
2008/12/09 PHP
php微信开发自定义菜单
2016/08/27 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
jQuery实现点击文本框弹出热门标签的提示效果
2013/11/17 Javascript
理解javascript中的回调函数(callback)
2014/09/02 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
2015/04/16 Javascript
js全选按钮的实现方法
2015/11/17 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
2016/12/07 Javascript
解决Angular.Js与Django标签冲突的方案
2016/12/20 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
2017/01/03 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
vue自定义全局组件(自定义插件)的用法
2018/01/30 Javascript
微信小程序实现的点击按钮 弹出底部上拉菜单功能示例
2018/12/20 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
2019/10/14 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
Python3.2中的字符串函数学习总结
2015/04/23 Python
python+pandas分析nginx日志的实例
2018/04/28 Python
python实现下载pop3邮件保存到本地
2018/06/19 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
通过cmd进入python的实例操作
2019/06/26 Python
python实现飞机大战项目
2020/03/11 Python
使用ITK-SNAP进行抠图操作并保存mask的实例
2020/07/01 Python
致跳远运动员广播稿
2014/02/11 职场文书
网站客服岗位职责
2014/04/05 职场文书
学生安全责任书
2014/04/15 职场文书
写给老师的感谢信
2015/01/20 职场文书
幼儿园新生开学寄语
2015/05/27 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书