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三个关闭弹出层的小示例
Nov 05 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 Javascript
Express之get,pos请求参数的获取
May 02 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
Jun 22 Javascript
javascript兼容性(实例讲解)
Aug 15 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
React router动态加载组件之适配器模式的应用详解
Sep 12 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 Javascript
微信小程序解析富文本过程详解
Jul 13 Javascript
详解ECMAScript2019/ES10新属性
Dec 06 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的I方法使用详解
2014/06/18 PHP
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
2010/05/18 Javascript
推荐20家国外的脚本下载网站
2011/04/28 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
Jquery实现由下向上展开效果的例子
2014/12/08 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
详解用vue编写弹出框组件
2017/07/04 Javascript
VueJs监听window.resize方法示例
2018/01/17 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
vue使用pdfjs显示PDF可复制的实现方法
2018/12/14 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
layui监听单元格编辑前后交互的例子
2019/09/16 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
python模拟新浪微博登陆功能(新浪微博爬虫)
2013/12/24 Python
简单掌握Python的Collections模块中counter结构的用法
2016/07/07 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
Python3使用SMTP发送带附件邮件
2020/06/16 Python
python实现图片批量压缩程序
2018/07/23 Python
python+opencv 读取文件夹下的所有图像并批量保存ROI的方法
2019/01/10 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
python celery分布式任务队列的使用详解
2019/07/08 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
jupyter修改文件名方式(TensorFlow)
2020/04/21 Python
css3media响应式布局实例
2016/07/08 HTML / CSS
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
葛优非诚勿扰搞笑征婚台词
2014/03/17 职场文书
广播节目策划方案
2014/05/23 职场文书
体育口号大全
2014/06/18 职场文书
我的中国梦演讲稿800字
2014/08/19 职场文书
2019销售早会主持词
2019/06/27 职场文书
Python竟然能剪辑视频
2021/05/25 Python
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers