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 相关文章推荐
window.onbeforeunload方法在IE下无法正常工作的解决办法
Jan 23 Javascript
jquery 元素相对定位代码
Oct 15 Javascript
jquery 查找select ,并触发事件的实现代码
Mar 30 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
JS实现简单的顶部定时关闭层效果
Jun 15 Javascript
jQuery中绑定事件bind() on() live() one()的异同
Feb 23 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
Aug 12 Javascript
Vue中错误图片的处理的实现代码
Nov 07 Javascript
5分钟快速看懂ES6中的反射与代理
Dec 19 Javascript
JavaScript运动原理基础知识详解
Apr 02 Javascript
详解Nuxt内导航栏的两种实现方式
Apr 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
cmd下运行php脚本
2008/11/25 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
PHP CodeIgniter分页实例及多条件查询解决方案(推荐)
2017/05/20 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
JavaScript与函数式编程解释
2007/04/27 Javascript
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
Vue.js组件使用开发实例教程
2016/11/01 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
2017/05/19 jQuery
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
微信小程序提交form操作示例
2018/12/30 Javascript
微信小程序传值以及获取值方法的详解
2019/04/29 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
浅谈vue 多个变量同时赋相同值互相影响
2020/08/05 Javascript
elementui实现预览图片组件二次封装
2020/12/29 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
用Python的线程来解决生产者消费问题的示例
2015/04/02 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例
2019/02/13 Python
python三大神器之fabric使用教程
2019/06/10 Python
Puppeteer使用示例详解
2019/06/20 Python
Python 日期的转换及计算的具体使用详解
2020/01/16 Python
opencv python 对指针仪表读数识别的两种方式
2021/01/14 Python
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
JD Sports意大利:英国篮球和运动时尚的领导者
2017/10/29 全球购物
挂职自我鉴定
2014/02/26 职场文书
医学专业毕业生求职信
2014/06/20 职场文书
2014年发展党员工作总结
2014/11/12 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
幼师小班个人总结
2015/02/12 职场文书
黄埔军校观后感
2015/06/10 职场文书
利用Redis实现点赞功能的示例代码
2022/06/28 Redis