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 相关文章推荐
超级兔子让浮动层消失的前因后果
Mar 09 Javascript
有关DOM元素与事件的3个谜题
Nov 11 Javascript
Function.prototype.bind用法示例
Sep 16 Javascript
Javascript 读取操作Sql中的Xml字段
Oct 09 Javascript
js进行表单验证实例分析
Feb 10 Javascript
JQuery中DOM事件绑定用法详解
Jun 13 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
jQuery插件ajaxFileUpload使用实例解析
Oct 19 Javascript
vue自定义指令实现v-tap插件
Nov 03 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
高性能js数组去重(12种方法,史上最全)
Dec 21 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在字符串中查找另一个字符串
2008/11/19 PHP
php知道与问问的采集插件代码
2010/10/12 PHP
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
简单实现JS上传图片预览功能
2017/04/14 Javascript
vue component组件使用方法详解
2017/07/14 Javascript
Vue实现一个返回顶部backToTop组件
2017/07/25 Javascript
JQuery属性操作与循环用法示例
2019/05/15 jQuery
Vue 权限控制的两种方法(路由验证)
2019/08/16 Javascript
JavaScript实现HSL拾色器
2020/05/21 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
2020/08/10 Javascript
react-native 实现购物车滑动删除效果的示例代码
2021/01/15 Javascript
[02:39]DOTA2国际邀请赛助威团西雅图第一天
2013/08/08 DOTA
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
python实现封装得到virustotal扫描结果
2014/10/05 Python
python根据出生日期获得年龄的方法
2015/03/31 Python
Python的Django框架中消息通知的计数器实现教程
2016/06/13 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
Python基础之列表常见操作经典实例详解
2020/02/26 Python
Anaconda使用IDLE的实现示例
2020/09/23 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
旷课检讨书3000字
2014/02/04 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
四风问题查摆材料
2014/08/25 职场文书
公司授权委托书样本
2014/09/15 职场文书
2014年政教处工作总结
2014/12/20 职场文书
企业法律事务工作总结
2015/08/11 职场文书
2016年三严三实党课学习心得体会
2016/01/06 职场文书
Mysql事务索引知识汇总
2022/03/17 MySQL