js 3秒后跳转页面的实现代码


Posted in Javascript onMarch 10, 2014

隔多少秒后自动跳转到其它页(js脚本)

方法一:

在<head></head>之间加入js

<script language="javascript">
var secs = 3; //倒计时的秒数 
var URL ;
function Load(url){
URL = url;
for(var i=secs;i>=0;i--) 
{ 
   window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000); 
} 
}
function doUpdate(num) 
{ 
document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到主页' ;
if(num == 0) { window.location = URL; }
}
</script>

然后在<body>里面加上<body onload="Load('index.asp')">   index.asp为自己要跳转的页面。

在<body></body>之间加上<div id="ShowDiv"></div>

方法二:

<p style="text-indent: 2em; margin-top: 30px;">
系统将在 <span id="time">5</span> 秒钟后自动跳转至新网址,如果未能跳转,<a href="https://3water.com" title="点击访问">请点击</a>。</p>
<script type="text/javascript">  
    delayURL();    
    function delayURL() { 
        var delay = document.getElementById("time").innerHTML;
 var t = setTimeout("delayURL()", 1000);
        if (delay > 0) {
            delay--;
            document.getElementById("time").innerHTML = delay;
        } else {
     clearTimeout(t); 
            window.location.href = "https://3water.com";
        }        
    } 
</script>
Javascript 相关文章推荐
Prototype使用指南之array.js
Jan 10 Javascript
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
JavaScript学习笔记(十)
Jan 17 Javascript
Javascript模块化编程详解
Dec 01 Javascript
CSS3,HTML5和jQuery搜索框集锦
Dec 02 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
老生常谈的跨域处理
Jan 11 Javascript
js中如何完美的解析数据
Mar 18 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
微信小程序实现自上而下字幕滚动
Jul 14 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
Jul 27 Javascript
php is_numberic函数造成的SQL注入漏洞
Mar 10 #Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 #Javascript
使用js操作css实现js改变背景图片示例
Mar 10 #Javascript
红米手机抢购的js代码
Mar 10 #Javascript
按下回车键指向下一个位置的一个函数代码
Mar 10 #Javascript
用js判断输入是否为中文的函数
Mar 10 #Javascript
用IE重起计算机或者关机的示例代码
Mar 10 #Javascript
You might like
input file获得文件根目录简单实现
2013/04/26 PHP
ThinkPHP2.0读取MSSQL提示Incorrect syntax near the keyword 'AS'的解决方法
2014/06/25 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
js 文件引入实现代码
2010/04/23 Javascript
如何将一个String和多个String值进行比较思路分析
2013/04/22 Javascript
jquery监听div内容的变化具体实现思路
2013/11/04 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
禁止ajax缓存获取程序最新数据的方法
2013/11/19 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
jQuery功能函数详解
2015/02/01 Javascript
js实现带农历和八字等信息的日历特效
2016/05/16 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
js实现背景图自适应窗口大小
2017/01/10 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
Python的Bottle框架中返回静态文件和JSON对象的方法
2015/04/30 Python
python实现人脸识别代码
2017/11/08 Python
Django中的文件的上传的几种方式
2018/07/23 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
Python如何操作docker redis过程解析
2020/08/10 Python
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
程序员经常用到的UNIX命令
2015/04/13 面试题
服务承诺书格式
2014/05/21 职场文书
消防安全宣传标语
2014/06/07 职场文书
房屋租赁授权委托书范本
2014/09/20 职场文书
奖学金个人总结
2015/03/04 职场文书
Nginx配置根据url参数重定向
2022/04/11 Servers