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 二维数组的实现与应用
Mar 16 Javascript
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
关于this和self的使用说明
Aug 01 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
详谈jQuery中的this和$(this)
Nov 13 Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 Javascript
判断js的Array和Object的实现方法
Aug 29 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
Jan 22 Javascript
Bootstrap中data-target 到底是什么
Feb 14 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
JavaScript使用闭包模仿块级作用域操作示例
Jan 21 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 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
PHP 数组基础知识小结
2010/08/20 PHP
js同时按下两个方向键
2007/12/01 Javascript
javascript 三种编解码方式
2010/02/01 Javascript
Javascript 静态页面实现随机显示广告的办法
2010/11/17 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
JavaScript中检测变量是否存在遇到的一些问题
2013/11/11 Javascript
parentElement,srcElement的使用小结
2014/01/13 Javascript
JavaScript中string转换成number介绍
2014/12/31 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
canvas学习之API整理笔记(一)
2016/12/29 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
2019/07/04 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
axios封装与传参示例详解
2020/10/18 Javascript
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
Python使用sftp实现上传和下载功能(实例代码)
2017/03/14 Python
python画出三角形外接圆和内切圆的方法
2018/01/25 Python
Python 中的Selenium异常处理实例代码
2018/05/03 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
Django查询优化及ajax编码格式原理解析
2020/03/25 Python
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
 Alo Yoga官网:购买瑜伽服装
2018/06/17 全球购物
德国购买门票网站:ADticket.de
2019/10/31 全球购物
几个SQL的面试题
2014/03/08 面试题
西部世纪.net笔试题面试题
2014/04/03 面试题
实习生的自我评价
2014/01/08 职场文书
2015年毕业生自我鉴定模板
2014/09/19 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
财务个人年度总结范文
2015/02/26 职场文书
农村党支部承诺书
2015/04/30 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书