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


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 相关文章推荐
List all the Databases on a SQL Server
Jun 21 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
May 11 Javascript
jquery选择器-根据多个属性选择示例代码
Oct 21 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 Javascript
JavaScript使用Replace进行字符串替换的方法
Apr 14 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 Javascript
详解Angular2 之 结构型指令
Jun 21 Javascript
一个简单的node.js界面实现方法
Jun 01 Javascript
JavaScript中this用法学习笔记
Mar 17 Javascript
vue缓存的keepalive页面刷新数据的方法
Apr 23 Javascript
vue-loader中引入模板预处理器的实现
Sep 04 Javascript
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
检查输入的是否是数字使用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中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
2016/01/04 PHP
Symfony控制层深入详解
2016/03/17 PHP
PHP数学运算函数大汇总(经典值得收藏)
2016/04/01 PHP
Yii框架参数化查询中IN查询只能查询一个的解决方法
2017/05/20 PHP
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
javascript删除数组重复元素的方法汇总
2015/06/24 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
原生JS实现导航下拉菜单效果
2020/11/25 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
使用JS代码实现俄罗斯方块游戏
2018/08/03 Javascript
利用JS实现一个同Excel表现的智能填充算法
2018/08/13 Javascript
在vue中读取本地Json文件的方法
2018/09/06 Javascript
JS实现计算小于非负数n的素数的数量算法示例
2019/02/26 Javascript
Vue使用mixin分发组件的可复用功能
2019/09/01 Javascript
vue + elementUI实现省市县三级联动的方法示例
2019/10/29 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
Python Mysql自动备份脚本
2008/07/14 Python
Python中多线程及程序锁浅析
2015/01/21 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
python plotly绘制直方图实例详解
2019/07/22 Python
python3实现的zip格式压缩文件夹操作示例
2019/08/17 Python
python保留小数位的三种实现方法
2020/01/07 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
一套SQL笔试题
2016/08/14 面试题
护理学专业推荐信
2013/12/03 职场文书
欢度春节标语
2014/07/01 职场文书
大学同学会活动方案
2014/08/20 职场文书
2014年档案管理工作总结
2014/11/17 职场文书
合作与交流自我评价
2015/03/09 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS