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 相关文章推荐
使用onbeforeunload属性后的副作用
Mar 08 Javascript
js日期相关函数总结分享
Oct 15 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
js简单判断移动端系统的方法
Feb 25 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
js编写简单的聊天室功能
Aug 17 Javascript
判断div滑动到底部的scroll实例代码
Nov 15 Javascript
vue-cli常用设置总结
Feb 24 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
Aug 28 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 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
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
php函数传值的引用传递注意事项分析
2016/06/25 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
2019/10/16 PHP
Laravel6.18.19如何优雅的切换发件账户
2020/06/14 PHP
jquery 指南/入门基础
2007/11/30 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
推荐JavaScript实现继承的最佳方式
2014/11/11 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
深入理解JQuery中的事件与动画
2016/05/18 Javascript
jQuery代码性能优化的10种方法
2016/06/21 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
three.js加载obj模型的实例代码
2017/11/10 Javascript
JavaScript中var的重要性实例分析
2019/07/09 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
Python中pillow知识点学习
2018/04/30 Python
Jupyter notebook远程访问服务器的方法
2018/05/24 Python
[原创]Python入门教程3. 列表基本操作【定义、运算、常用函数】
2018/10/30 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
基于python实现高速视频传输程序
2019/05/05 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
什么是Python变量作用域
2020/06/03 Python
Python 捕获代码中所有异常的方法
2020/08/03 Python
公务员年总结的自我评价
2013/10/25 职场文书
农村婚礼证婚词
2014/01/08 职场文书
中学生校园广播稿
2014/01/16 职场文书
运动会稿件200字
2014/02/07 职场文书
病人写给医生的感谢信
2015/01/23 职场文书
护理专业自荐信范文
2015/03/06 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
2016年七夕爱情寄语
2015/12/04 职场文书
MongoDB使用场景总结
2022/02/24 MongoDB