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使用post提交的两种方式
Dec 03 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
Apr 05 Javascript
javascript实现鼠标点击页面 移动DIV
Dec 02 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
学好js,这些js函数概念一定要知道【推荐】
Jan 19 Javascript
JavaScript对JSON数据进行排序和搜索
Jul 24 Javascript
在 webpack 中使用 ECharts的实例详解
Feb 05 Javascript
微信小程序实现运动步数排行功能(可删除)
Jul 05 Javascript
vue监听键盘事件的快捷方法【推荐】
Jul 11 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
Aug 06 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
Jun 10 Javascript
Vue中img的src是动态渲染时不显示的解决
Nov 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
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
php Smarty date_format [格式化时间日期]
2010/03/15 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
PHP实现PDO操作mysql存储过程示例
2019/02/13 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
详解javascript new的运行机制
2016/01/26 Javascript
js滑动提示效果代码分享
2016/03/10 Javascript
深入理解js中this的用法
2016/05/28 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
2016/08/02 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
JS类的定义与使用方法深入探索
2016/11/26 Javascript
JS去除字符串中空格的方法
2017/02/14 Javascript
浅谈 vue 中的 watcher
2017/12/04 Javascript
详解.vue文件解析的实现
2018/06/11 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
[03:11]完美世界DOTA2联赛PWL DAY8集锦
2020/11/09 DOTA
python命令行参数sys.argv使用示例
2014/01/28 Python
粗略分析Python中的内存泄漏
2015/04/23 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
python opencv读mp4视频的实例
2018/12/07 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
jupyter notebook运行命令显示[*](解决办法)
2020/05/18 Python
SQL SERVER面试资料
2013/03/30 面试题
工程造价自荐信
2013/10/09 职场文书
暑期实践思想汇报
2014/01/06 职场文书
十佳教师事迹材料
2014/01/11 职场文书
幼儿园中秋节活动反思
2014/02/16 职场文书
质量提升方案
2014/06/16 职场文书
党校个人总结
2015/03/04 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书
用python删除文件夹中的重复图片(图片去重)
2021/05/12 Python