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 相关文章推荐
javascript 有趣而诡异的数组
Apr 06 Javascript
javascript 面向对象思想 附源码
Jul 07 Javascript
ajax更新数据后,jquery、jq失效问题
Mar 16 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
学JavaScript七大注意事项【必看】
May 04 Javascript
js 只比较时间大小的实例
Oct 26 Javascript
ES6 fetch函数与后台交互实现
Nov 14 Javascript
微信小程序实现签字功能
Dec 23 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
点评山进PR-D3L三波段收音机
2021/03/02 无线电
小文件php+SQLite存储方案
2010/09/04 PHP
php实现rc4加密算法代码
2012/04/25 PHP
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
PHP调用VC编写的COM组件实例
2014/03/29 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
PHP解决中文乱码
2017/04/28 PHP
thinkPHP通用控制器实现方法示例
2017/11/23 PHP
php实现等比例压缩图片
2018/07/26 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
微信小程序实现消息框弹出动画
2020/04/18 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
[04:02]2014DOTA2国际邀请赛 BBC每日综述中国战队将再度登顶
2014/07/21 DOTA
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
基于Python List的赋值方法
2018/06/23 Python
Python离线安装PIL 模块的方法
2019/01/08 Python
Python设计模式之观察者模式原理与用法详解
2019/01/16 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
New Balance澳大利亚官网:运动鞋和健身服装
2019/02/23 全球购物
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
超市创意活动方案
2014/08/15 职场文书
党课培训心得体会
2014/09/02 职场文书
工厂见习报告范文
2014/10/31 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
自愿离婚协议书范本
2015/01/26 职场文书
防暑降温通知书
2015/04/27 职场文书
2019生态环境保护倡议书!
2019/07/03 职场文书
导游词之介休绵山
2019/12/31 职场文书
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android