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 实现导航栏悬停效果(续)
Sep 24 Javascript
jquery获取tagName再进行判断
May 29 Javascript
js中的如何定位固定层的位置
Jun 15 Javascript
当前流行的JavaScript代码风格指南
Sep 10 Javascript
js实现div弹出层的方法
Nov 20 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
基于JS实现网页中的选项卡(两种方法)
Jun 16 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
简单使用webpack打包文件的实现
Oct 29 Javascript
vue props 一次传多个值实例
Jul 22 Javascript
Ajax实现异步加载数据
Nov 17 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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
PHP 创建文件(文件夹)以及目录操作代码
2010/03/04 PHP
PHP 面向对象程序设计(oop)学习笔记(三) - 单例模式和工厂模式
2014/06/12 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
JS Replace 全部替换字符的用法小结
2013/12/24 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
2016/09/15 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
微信小程序Getuserinfo解决方案图解
2018/08/24 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
对于Python的Django框架部署的一些建议
2015/04/09 Python
Python OpenCV实现鼠标画框效果
2020/08/19 Python
python随机生成库faker库api实例详解
2019/11/28 Python
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
跑步爱好者一站式服务网站:Jack Rabbit
2016/09/01 全球购物
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
工程师自我评价怎么写
2013/09/19 职场文书
《云雀的心愿》教学反思
2014/02/25 职场文书
平安校园建设方案
2014/05/02 职场文书
企业承诺书格式
2014/05/21 职场文书
群众路线教育实践活动总结
2014/10/30 职场文书
给老婆的道歉信
2015/01/20 职场文书
销售业务员岗位职责
2015/02/13 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
小程序实现侧滑删除功能
2022/06/25 Javascript