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格式化输入框内金额、银行卡号
Feb 01 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
Jan 12 Javascript
canvas实现钟表效果
Feb 13 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
May 17 Javascript
JS跳转手机站url的若干注意事项
Oct 18 Javascript
vue.js实现只弹一次弹框
Jan 29 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
May 04 Javascript
详解Koa中更方便简单发送响应的方式
Jul 20 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
Apr 11 Javascript
解决vue项目运行npm run serve报错的问题
Oct 26 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
DC动漫人物排行
2020/03/03 欧美动漫
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
PHP执行批量mysql语句的解决方法
2013/05/02 PHP
PHP实现股票趋势图和柱形图
2015/02/07 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
JavaScript中的null和undefined解析
2012/04/14 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
Python 多线程Threading初学教程
2017/08/22 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
一文秒懂python读写csv xml json文件各种骚操作
2019/07/04 Python
python中re模块知识点总结
2021/01/17 Python
详解python第三方库的安装、PyInstaller库、random库
2021/03/03 Python
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
英国最大的网上药品商店:Chemist Direct
2017/12/16 全球购物
客户代表实习人员自我鉴定
2013/09/27 职场文书
和平主题的演讲稿
2014/01/12 职场文书
班级学习计划书
2014/04/27 职场文书
歌剧魅影观后感
2015/06/05 职场文书
《7的乘法口诀》教学反思
2016/02/18 职场文书
javascript的var与let,const之间的区别详解
2022/02/18 Javascript