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 相关文章推荐
js 效率组装字符串 StringBuffer
Dec 23 Javascript
图片上传判断及预览脚本的效果实例
Aug 07 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
原生Js实现简易烟花爆炸效果的方法
Mar 20 Javascript
详解JavaScript的策略模式编程
Jun 24 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 Javascript
js实现仿爱微网两级导航菜单效果代码
Aug 31 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
Oct 20 Javascript
Bootstrap多级菜单的实现代码
May 23 Javascript
Ant Design Pro 下实现文件下载的实现代码
Dec 03 Javascript
JavaScript如何判断input数据类型
Feb 06 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 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
php下安装配置fckeditor编辑器的方法
2011/03/02 PHP
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
新浪SAE搭建PHP项目教程
2015/01/28 PHP
javascript中onclick(this)用法介绍
2013/04/19 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
2013/11/08 Javascript
ExtJs中gridpanel分组后组名排序实例代码
2013/12/02 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
Javascript中数组sort和reverse用法分析
2014/12/30 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
2017/05/28 Javascript
JS异步函数队列功能实例分析
2017/11/28 Javascript
解析vue中的$mount
2017/12/21 Javascript
详解vue中axios请求的封装
2019/04/08 Javascript
Vue.js中的高级面试题及答案
2020/01/13 Javascript
vue-i18n实现中英文切换的方法
2020/07/06 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
python处理文本文件并生成指定格式的文件
2014/07/31 Python
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
在Python的Django框架中包装视图函数
2015/07/20 Python
打包发布Python模块的方法详解
2016/09/18 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
英国豪华家具和经典家居饰品购物网站:OKA
2020/06/05 全球购物
农田水利实习自我鉴定
2013/09/19 职场文书
工程师求职简历的自我评价分享
2013/10/10 职场文书
学校岗位设置方案
2014/01/16 职场文书
竞聘书格式及范文
2014/03/31 职场文书
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
政审证明范文
2015/06/19 职场文书
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技