js倒计时跳转页面
2012-06-05 17:00
375 查看
<script type="text/javascript">
//定义倒计时时间
var times = 20;
//定义跳转地址
var redirecturl = "http://www.cnblogs.com/xxxx.aspx";
//执行倒计时函数
var doCountDown = function(){
//alert("aaa");
if(times == 0){
//倒计时结束
location.href = redirecturl;
}
//显示当前倒计数
document.getElementById("countDown").innerHTML = times;
//alert("aaa");
times --;
}
//显示跳转信息
document.getElementById("autoRedirect").style.display="";
//执行倒计时
doCountDown();
//设置倒计时的时间间隔
setInterval("doCountDown();",1000);
</script>
html部分代码:
<p id="autoRedirect" style="display:none;" >
请不要关闭、改变或刷新页面,系统将在
<span id="countDown" style="margin:0 10px 0 0;font-size:16px;color:red;font-weight:bold;"></span>
自动启动考试,请稍候...
</p>
</script>
//定义倒计时时间
var times = 20;
//定义跳转地址
var redirecturl = "http://www.cnblogs.com/xxxx.aspx";
//执行倒计时函数
var doCountDown = function(){
//alert("aaa");
if(times == 0){
//倒计时结束
location.href = redirecturl;
}
//显示当前倒计数
document.getElementById("countDown").innerHTML = times;
//alert("aaa");
times --;
}
//显示跳转信息
document.getElementById("autoRedirect").style.display="";
//执行倒计时
doCountDown();
//设置倒计时的时间间隔
setInterval("doCountDown();",1000);
</script>
html部分代码:
<p id="autoRedirect" style="display:none;" >
请不要关闭、改变或刷新页面,系统将在
<span id="countDown" style="margin:0 10px 0 0;font-size:16px;color:red;font-weight:bold;"></span>
自动启动考试,请稍候...
</p>
</script>
相关文章推荐
- 页面倒计时跳转页面效果,js倒计时效果
- JS倒计时页面跳转
- js是实现页面倒计时跳转
- js控制n秒后跳转到指定页面,并显示倒计时
- js实现页面跳转倒计时
- js倒计时跳转页面
- 【转】js倒计时并实现页面跳转
- html JavaScript js倒计时跳转页面
- js制作404错误页面5秒钟倒计时自动跳转
- js实现浏览器倒计时跳转页面效果
- js几秒以后倒计时跳转到另一个页面
- JS实现倒计时三秒跳转后到新页面
- js:显示倒计时之后跳转另外的页面
- JS倒计时之------ 跳转页面
- js实现倒计时跳转页面
- js 倒计时跳转页面
- js倒计时跳转 页面
- js 实现5秒倒计时后跳转页面
- Jsp和js倒计时跳转页面
- js控制n秒后跳转到指定页面,并显示倒计时