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实现图片放大镜效果的思路及代码(自写)
Oct 18 Javascript
jquery 取子节点及当前节点属性值
Jul 25 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 Javascript
JS添加删除DIV的简单实例
Jul 08 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 Javascript
JS实现根据详细地址获取经纬度功能示例
Apr 16 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
Jul 15 Javascript
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
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基础知识:控制结构
2006/12/13 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
php单链表实现代码分享
2016/07/04 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
利用PHPExcel实现Excel文件的写入和读取
2017/04/26 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
Laravel5.1 框架响应基本用法实例分析
2020/01/04 PHP
javascript StringBuilder类实现
2008/12/22 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
JavaScript代码判断点击第几个按钮
2015/12/13 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
如何使用vuex实现兄弟组件通信
2018/11/02 Javascript
用Vue编写抽象组件的方法
2019/05/06 Javascript
Vue 实现前进刷新后退不刷新的效果
2019/06/14 Javascript
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
2019/12/12 Javascript
[02:22]《新闻直播间》2017年08月14日
2017/08/15 DOTA
python的urllib模块显示下载进度示例
2014/01/17 Python
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
分析Python读取文件时的路径问题
2018/02/11 Python
shell命令行,一键创建 python 模板文件脚本方法
2018/03/20 Python
Numpy中的mask的使用
2018/07/21 Python
python issubclass 和 isinstance函数
2019/07/25 Python
python数组循环处理方法
2019/08/26 Python
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
阿根廷在线宠物商店:Puppis
2018/03/23 全球购物
毕业生动漫设计求职信
2013/10/11 职场文书
机械制造与自动化应届生求职信
2013/11/16 职场文书
党员大会主持词
2014/04/02 职场文书
家长会演讲稿
2014/04/26 职场文书
会计求职自荐信
2014/06/20 职场文书
建筑学专业自荐书
2014/07/09 职场文书
经典毕业生求职信
2014/07/12 职场文书
物业保洁员岗位职责
2015/02/13 职场文书
自我检讨书怎么写
2015/05/07 职场文书