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代码,用以防止图片撑破页面
Mar 12 Javascript
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 Javascript
JavaScript返回0-1之间随机数的方法
Apr 06 Javascript
简述AngularJS的控制器的使用
Jun 16 Javascript
javascript跨域总结之window.name实现的跨域数据传输
Nov 01 Javascript
JavaScript 对象字面量讲解
Jun 06 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
Dec 30 Javascript
如何理解jQuery中的ajaxSubmit方法
Mar 13 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 Javascript
微信小程序中遇到的iOS兼容性问题小结
Nov 14 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
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
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
php与mysql建立连接并执行SQL语句的代码
2011/07/04 PHP
php遍历数组的方法分享
2012/03/22 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
php搜索文件程序分享
2015/10/30 PHP
Joomla开启SEF的方法
2016/05/04 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
asp.net 30分钟掌握无刷新 Repeater
2011/09/16 Javascript
javascript动态加载二
2012/08/22 Javascript
jQuery文本框(input textare)事件绑定方法教程
2013/04/24 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
jQuery取id有.的值的方法
2014/05/21 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
Google 爬虫如何抓取 JavaScript 的内容
2017/04/07 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
Angular脚手架开发的实现步骤
2019/04/09 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
[01:10]DOTA2 Supermajor:英雄,由我们见证
2018/05/14 DOTA
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
django缓存配置的几种方法详解
2018/07/16 Python
pandas read_excel()和to_excel()函数解析
2019/09/19 Python
Python 项目转化为so文件实例
2019/12/23 Python
python thrift 实现 单端口多服务的过程
2020/06/08 Python
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
股东合作协议书
2014/04/14 职场文书
mysql 如何获取两个集合的交集/差集/并集
2021/06/08 MySQL