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 相关文章推荐
快速排序 php与javascript的不同之处
Feb 22 Javascript
禁用JavaScript控制台调试的方法
Mar 07 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 Javascript
javascript关于继承解析
May 10 Javascript
Bootstrap表单布局
Jul 19 Javascript
基于openlayers4实现点的扩散效果
Aug 17 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
vue--vuex详解
Apr 15 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
Jun 10 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
jQuery实现简单飞机大战
Jul 05 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
smarty模板中使用get、post、request、cookies、session变量的方法
2014/04/24 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
Laravel框架集合用法实例浅析
2020/05/14 PHP
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
jQuery UI Dialog控件中的表单无法正常提交的解决方法
2010/12/19 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
2015/10/24 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
Vue组件的使用教程详解
2018/01/05 Javascript
webpack4简单入门实例
2018/09/06 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
2019/04/30 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
element-ui table组件如何使用render属性的实现
2019/11/04 Javascript
微信小程序自定义头部导航栏(组件化)
2019/11/15 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
python图像和办公文档处理总结
2019/05/28 Python
解决Numpy中sum函数求和结果维度的问题
2019/12/06 Python
关于初始种子自动选取的区域生长实例(python+opencv)
2020/01/16 Python
opencv+python实现均值滤波
2020/02/19 Python
如何基于线程池提升request模块效率
2020/04/18 Python
python语言中有算法吗
2020/06/16 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
机修工岗位职责
2013/11/24 职场文书
办公室秘书自我鉴定
2014/01/18 职场文书
支行行长竞聘演讲稿
2014/05/15 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
2017年寒假社区服务活动总结
2016/04/06 职场文书
预备党员的思想汇报,你真的会写吗?
2019/06/28 职场文书
Pandas数据结构之Series的使用
2022/03/31 Python