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动态创建div
Sep 25 Javascript
javascript重写alert方法的实例代码
Mar 29 Javascript
js异常捕获方法介绍
Apr 10 Javascript
单击和双击事件的冲突处理示例代码
Apr 03 Javascript
浅谈JavaScript函数节流
Dec 09 Javascript
JavaScript中的关联数组问题
Mar 04 Javascript
JS中的eval 为什么加括号
Apr 13 Javascript
深入理解js promise chain
May 05 Javascript
vue axios用法教程详解
Jul 23 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
Nov 29 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
Jul 27 Javascript
微信小程序APP页面的之间的相互传递参数以及自定义组件
Apr 19 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递归调用的小技巧讲解
2013/02/19 PHP
PHP与Java进行通信的实现方法
2013/10/21 PHP
php简单smarty入门程序实例
2015/06/11 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
js中符号转意问题示例探讨
2013/08/19 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
浅谈Redux中间件的实践
2018/07/27 Javascript
AngularJS 多指令Scope问题的解决
2018/10/25 Javascript
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
21行Python代码实现拼写检查器
2016/01/25 Python
利用pyinstaller打包exe文件的基本教程
2019/05/02 Python
pytorch1.0中torch.nn.Conv2d用法详解
2020/01/10 Python
jupyter notebook 多行输出实例
2020/04/09 Python
Python绘制动态水球图过程详解
2020/06/03 Python
Python 实现一个计时器
2020/07/28 Python
Pytho爬虫中Requests设置请求头Headers的方法
2020/09/22 Python
CheapTickets香港机票预订网站:CheapTickets.hk
2019/06/26 全球购物
校班主任推荐信范文
2013/12/03 职场文书
本科生的职业生涯规划范文
2014/01/09 职场文书
王金山在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
结婚通知短信怎么写
2015/04/17 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
焦点访谈观后感
2015/06/11 职场文书
百年孤独读书笔记
2015/06/29 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
Ajax异步刷新功能及简单案例
2021/11/20 Javascript
HTML中的表单元素介绍
2022/02/28 HTML / CSS
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python
使用python生成大量数据写入es数据库并查询操作(2)
2022/09/23 Python