实现页面定时跳转
2010-06-02 11:24
405 查看
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../Common/css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var time = 5; //时间,秒
function Redirect(){
window.location = "../Default.aspx";
}
var i = 0;
function dis(){
document.getElementById("s").innerHTML =(time - i) + "秒,后跳转至登录页面";
i++;
}
timer=setInterval('dis()', 1000);//显示时间
timer=setTimeout('Redirect()',time * 1000); //跳转
</script>
</head>
<body>
<div style="text-align: center;">
<div class="bodyWarp" style="text-align: center; vertical-align: middle; width: 60%;
height: 300px; border: #006f9f 1px solid; margin-top: 100px;">
<br />
<h2 style="margin-top: 120px">
所有教师已评完</h2>
<br />
<span id="s"></span><a href="../Default.aspx">[返回登录页面]</a>
</div>
</div>
</body>
</html>
<head>
<title></title>
<link href="../Common/css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var time = 5; //时间,秒
function Redirect(){
window.location = "../Default.aspx";
}
var i = 0;
function dis(){
document.getElementById("s").innerHTML =(time - i) + "秒,后跳转至登录页面";
i++;
}
timer=setInterval('dis()', 1000);//显示时间
timer=setTimeout('Redirect()',time * 1000); //跳转
</script>
</head>
<body>
<div style="text-align: center;">
<div class="bodyWarp" style="text-align: center; vertical-align: middle; width: 60%;
height: 300px; border: #006f9f 1px solid; margin-top: 100px;">
<br />
<h2 style="margin-top: 120px">
所有教师已评完</h2>
<br />
<span id="s"></span><a href="../Default.aspx">[返回登录页面]</a>
</div>
</div>
</body>
</html>
相关文章推荐
- asp.net如何实现定时页面跳转
- 定时页面定时跳转jquery实现和js实现
- js 实现定时页面跳转
- Asp.net实现网站提示信息页面后的定时自动跳转到指定页面
- js实现页面定时跳转刷新【javascript】
- js实现页面定时跳转
- 基于JavaScript实现定时跳转到指定页面
- 基于JavaScript实现定时跳转到指定页面
- javascript使用定时函数实现跳转到某个页面
- 页面定时跳转的js和php的代码实现和页面定时刷新
- js实现页面定时跳转
- 使用javascript实现页面定时跳转总结篇
- PHP页面跳转实现/定时跳转
- 基于meta实现页面的定时刷新或跳转
- JavaScript实现定时页面跳转功能示例
- javascript使用定时函数实现跳转到某个页面
- js实现页面跳转,纯html实现网页定时跳转
- js实现页面定时跳转
- PHP页面实现定时跳转的方法
- 对话框dialog登录之后,Jquery实现页面定时跳转