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实现des解密加密全过程
Apr 03 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
JavaScript Promise启示录
Aug 12 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 Javascript
JS+CSS实现精美的二级导航效果代码
Sep 17 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
AngularJS实现在ng-Options加上index的解决方法
Nov 03 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
Sep 30 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 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
PHPShop存在多个安全漏洞
2006/10/09 PHP
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
php遍历删除整个目录及文件的方法
2015/03/13 PHP
php实现微信公众平台账号自定义菜单类
2015/10/11 PHP
PHP表单验证内容是否为空的实现代码
2016/11/14 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
Avengerls vs Newbee BO3 第一场2.18
2021/03/10 DOTA
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
js如何设置在iframe框架中指定div不显示
2013/12/04 Javascript
jQuery实现的分子运动小球碰撞效果
2016/01/27 Javascript
js实现上一页下一页的效果【附代码】
2016/03/10 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
2016/05/31 Javascript
一个简单的JavaScript Map实例(分享)
2016/08/03 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
深入解读Node.js中的koa源码
2019/06/17 Javascript
vue通过video.js解决m3u8视频播放格式的方法
2019/07/30 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
python win32 简单操作方法
2017/05/25 Python
Python实现矩阵转置的方法分析
2017/11/24 Python
python检索特定内容的文本文件实例
2018/06/05 Python
数据清洗--DataFrame中的空值处理方法
2018/07/03 Python
Python对切片命名的实现方法
2018/10/16 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
python爬虫获取小区经纬度以及结构化地址
2018/12/30 Python
在python中实现强制关闭线程的示例
2019/01/22 Python
彻底理解Python中的yield关键字
2019/04/01 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
幼儿园体操比赛口号
2015/12/25 职场文书
《七月的天山》教学反思
2016/02/19 职场文书
python利用while求100内的整数和方式
2021/11/07 Python