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 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
jquery 可拖拽的窗体控件实现代码
Mar 21 Javascript
jquery中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
js实现非常简单的焦点图切换特效实例
May 07 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
javascript如何创建对象
Aug 29 Javascript
js实现登录框鼠标拖拽效果
Mar 09 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
深入浅析Vue中的Prop
Jun 10 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
Javascript中async与await的捕捉错误详解
Mar 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
PHP4实际应用经验篇(8)
2006/10/09 PHP
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
解析curl提交GET,POST,Cookie的简单方法
2013/06/29 PHP
php自定义分页类完整实例
2015/12/25 PHP
php制作基于xml的RSS订阅源功能示例
2017/02/08 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
jQuery的animate函数学习记录
2014/08/08 Javascript
jQuery中is()方法用法实例
2015/01/06 Javascript
AngularJS实现分页显示数据库信息
2016/07/01 Javascript
激动人心的 Angular HttpClient的源码解析
2017/07/10 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
JS中获取 DOM 元素的绝对位置实例详解
2018/04/23 Javascript
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
详解vue中localStorage的使用方法
2018/11/22 Javascript
Vue触发隐藏input file的方法实例详解
2019/08/14 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
vue父子模板传值问题解决方法案例分析
2020/02/26 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
python2.7无法使用pip的解决方法(安装easy_install)
2018/04/03 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
深入了解python列表(LIST)
2020/06/08 Python
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
美国豪华的多品牌精品店:The Webster
2019/07/31 全球购物
创业大赛策划书
2014/03/01 职场文书
新学期决心书
2014/03/11 职场文书
党支部综合考察材料
2014/05/19 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书
创业计划书之餐饮
2019/09/02 职场文书