您的位置:首页 > 其它

带动态时间提示的页面自动跳转

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: