js实现页面定时跳转
来源:互联网 发布:自定义整理相册软件 编辑:程序博客网 时间:2024/04/30 22:59
function show_time(t)
{
var time = t;
time -= 1;
document.getElementById("time").value = time;
if(time==0)
{
window.parent.location.href = "http://www.baidu.com";
}
if(time != 0)
{
setTimeout(function() {show_time(time)},1000);
}
当然,上面那个不会有数字在倒数的效果,如要实现一个数字倒数的过程,可以用以下代码:
{
var time = t;
time -= 1;
document.getElementById("time").value = time;
if(time==0)
{
window.parent.location.href = "http://www.baidu.com";
}
if(time != 0)
{
setTimeout(function() {show_time(time)},1000);
}
}
调用方法: 点击后10s定时跳转
注意:1.setTimeout()调用时,如果调用的函数没有参数,直接调用setTimeout(show_time(),1000);
如果调用的函数带有参数,则应该:setTimeout(function() {show_time(time),1000});
2.如果是在子窗体上操作子窗体,则跳转时:window.location.href="...";
如果是子窗体操父窗体,则跳转时需要加parent,即:window.parent.location.href="...";
下面是简单的代码实现:
<html><head></head><body><h1>提交成功</h1> <a href="http://www.so.com">3秒后系统会自动跳转,也可点击本处直接跳</a> </div></div></div> <script>function jumpurl(){ location='http://www.so.com';}setTimeout('jumpurl()',3000);</script> </body></html>
当然,上面那个不会有数字在倒数的效果,如要实现一个数字倒数的过程,可以用以下代码:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title><script type="text/javascript"> function countDown(secs,surl){ var jumpTo = document.getElementById('jumpTo'); jumpTo.innerHTML=secs; if(--secs>0){ setTimeout("countDown("+secs+",'"+surl+"')",1000); } else{ location.href=surl; -ma } } </script> </head><body><h1>提交成功</h1> <a href="http://www.so.com"><span id="jumpTo">3</span>秒后系统会自动跳转,也可点击本处直接跳</a> <script type="text/javascript">countDown(3,'http://www.so.com/');</script> </body></html>
0 0
- js实现页面定时跳转
- js 实现定时页面跳转
- js实现页面定时跳转
- js实现页面定时跳转
- js实现页面定时跳转
- js实现页面定时跳转
- js实现页面定时跳转刷新【javascript】
- 定时页面定时跳转jquery实现和js实现
- js定时页面跳转
- js定时跳转页面
- 页面定时跳转【JS】
- JS定时跳转页面
- js实现页面跳转,纯html实现网页定时跳转
- 实现页面定时跳转
- 使用js定时跳转页面
- 页面定时跳转的js和php的代码实现和页面定时刷新
- Jquery实现页面定时跳转
- JavaScript实现定时页面跳转
- OpenCV,2.4.8版本的组件结构
- POJ_3096_Surprising Strings
- OS X 下 文件夹合并方法
- java如何对Map结构按照key值排序
- linux下用cron定时执行任务的方法
- js实现页面定时跳转
- 替换工程shell
- Android软件开发之获取通讯录联系人信息 + android联系人信息的存储结构 + Android联系人读取操作笔记
- 抽象数据类型(链表)
- asp.net中cookies的使用
- code::blocks(版本10.05) 配置opencv2.4.3
- Linux中环境变量文件及配置
- SYSZUXpinyin中文输入法的移植(到QT)
- 【Ajax】代理直接输出JSON或者XML的解决方法