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 相关文章推荐
超越Jquery_01_isPlainObject分析与重构
Oct 20 Javascript
JS中window.open全屏命令解析及使用示例
Dec 11 Javascript
jquery中$each()方法的使用指南
Apr 30 Javascript
JS实现3D图片旋转展示效果代码
Sep 22 Javascript
JavaScript必知必会(三) String .的方法来自何方
Jun 08 Javascript
JavaScript实现刷新不重记的倒计时
Aug 10 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
BooStrap对导航条的改造实践小结
Sep 21 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 Javascript
浅谈JavaScript中this的指向更改
Jul 28 Javascript
JavaScript 如何计算文本的行数的实现
Sep 14 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
小文件php+SQLite存储方案
2010/09/04 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
PHP使用mysql_fetch_row查询获得数据行列表的方法
2015/03/18 PHP
php限制ip地址范围的方法
2015/03/31 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
javascript自动恢复文本框点击清除后的默认文本
2016/01/12 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
laypage+SpringMVC实现后端分页
2019/07/27 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
python基础教程之面向对象的一些概念
2014/08/29 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
python做反被爬保护的方法
2019/07/01 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
柯基袜:Corgi Socks
2017/01/26 全球购物
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
最新党员的自我评价分享
2013/11/04 职场文书
会计学专业学生的求职信范文
2014/01/27 职场文书
总会计师岗位职责
2014/02/19 职场文书
小学语文课后反思精选
2014/04/25 职场文书
食堂卫生管理制度
2015/08/04 职场文书
心理学培训心得体会
2016/01/22 职场文书
2016年质量月活动总结报告
2016/04/05 职场文书