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 相关文章推荐
node.js中的fs.chmodSync方法使用说明
Dec 18 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 Javascript
jQuery实现简单的手风琴效果
Apr 17 jQuery
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
vue.js中created方法作用
Mar 30 Javascript
浅谈ElementUI中switch回调函数change的参数问题
Aug 24 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
vue组件创建的三种方式小结
Feb 03 Javascript
微信小程序以ssm做后台开发的实现示例
Apr 08 Javascript
react 生命周期实例分析
May 18 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 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的FTP学习(一)[转自奥索]
2006/10/09 PHP
PHP+MySQL 制作简单的留言本
2009/11/02 PHP
javascript,php获取函数参数对象的代码
2011/02/03 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
javascript 尚未实现错误解决办法
2008/11/27 Javascript
javascript 表单规则集合对象
2009/07/21 Javascript
一个js的tab切换效果代码[代码分离]
2010/04/11 Javascript
分享一个asp.net pager分页控件
2012/01/04 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
jquery实现先淡出再折叠收起的动画效果
2015/08/07 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
JS全局变量和局部变量最新解析
2016/06/24 Javascript
BootStrap中Datepicker控件带中文的js文件
2016/08/10 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
微信小程序使用wxParse解析html的方法教程
2018/07/06 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
微信小程序实现炫酷的弹出式菜单特效
2019/01/28 Javascript
Vue-cli3项目引入Typescript的实现方法
2019/10/18 Javascript
JavaScript的console命令使用实例
2019/12/03 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
python实现bitmap数据结构详解
2014/02/17 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
浅析使用Python搭建http服务器
2019/10/27 Python
关于Python字符编码与二进制不得不说的一些事
2020/10/04 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
Pytorch如何切换 cpu和gpu的使用详解
2021/03/01 Python
带薪年假请假条
2014/02/04 职场文书
餐厅经理岗位职责范本
2014/02/17 职场文书
党的群众路线教育实践活动批评与自我批评范文
2014/10/16 职场文书
2015年度公共机构节能工作总结
2015/05/26 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
Django路由层如何获取正确的url
2021/07/15 Python