带动态时间提示的页面自动跳转
2011-03-05 22:21
190 查看
<script type="text/javascript" src="/inc/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
var t= 5;//跳转所需时间(秒)
$(function(){
redict();//5秒后页面跳转回主页
});
function redict()
{
$("#showTime").html(t);
var id = window.setInterval("setTime()",1000);//setInterval方法中不能调用带参数的方法,而且调用方法必须使用双引号包含,否则无效。
}
function setTime()
{
t=t-1;
$("#showTime").html(t);
if(t==0)
{
$("#redictTip").html('页面跳转中...');
window.location="main.aspx";
}
}
</script>
html源码中加上如下代码以作提示:
<div id="redictTip" style="margin-top:50px; font-size:16px; color:Red; text-align:center;">请求的页面不存在,经过<span id="showTime"></span>秒后自动跳转回主页</div>
<script type="text/javascript">
var t= 5;//跳转所需时间(秒)
$(function(){
redict();//5秒后页面跳转回主页
});
function redict()
{
$("#showTime").html(t);
var id = window.setInterval("setTime()",1000);//setInterval方法中不能调用带参数的方法,而且调用方法必须使用双引号包含,否则无效。
}
function setTime()
{
t=t-1;
$("#showTime").html(t);
if(t==0)
{
$("#redictTip").html('页面跳转中...');
window.location="main.aspx";
}
}
</script>
html源码中加上如下代码以作提示:
<div id="redictTip" style="margin-top:50px; font-size:16px; color:Red; text-align:center;">请求的页面不存在,经过<span id="showTime"></span>秒后自动跳转回主页</div>
相关文章推荐
- 百度高度js 检测web页面是否正在操作,如超过规定时间内未操作将自动跳转至指定页面。
- php 自动更新时间(在页面动态显示时间)
- 分享一个Flex管理系统 Session超时的时候 用户操作时自动提示并跳转到登陆页面的方法
- 一定时间之后,页面自动跳转
- 等待指定时间后自动跳转或关闭当前页面的js代码
- 等待指定时间后自动跳转或关闭当前页面
- JSP实现几秒后自动跳转某页面并页面上显示时间在走动
- JSP实现几秒后自动跳转某页面并页面上显示时间在走动
- 黄聪:PHP如何实现延迟一定时间后自动刷新当前页面、自动跳转header("refresh:1;url={$url}");
- 几秒钟跳转页面动态显示时间
- 指定时间,页面自动跳转
- js实现 页面显示系统时间(中文显示星期)、动态倒计时页面跳转
- 几秒钟跳转页面动态显示时间
- 页面在一定时间不操作就自动跳转到另一个页面
- js 检测web页面是否正在操作,如超过规定时间内未操作将自动跳转至指定页面。
- 页面鼠标键盘在一定时间内无操作自动跳转(或者执行相应的业务)
- laery.js提示层结束之后自动跳转到新页面
- js实现弹窗提示,N秒后自动关闭并跳转页面
- ECSHOP登录注册信息提示页面的跳转时间设置
- JSP实现几秒后自动跳转某页面并页面上显示时间在走动