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 相关文章推荐
Ajax一统天下之Dojo整合篇
Mar 24 Javascript
js 变量类型转换常用函数与代码[比较全]
Dec 01 Javascript
也说JavaScript中String类的replace函数
Sep 22 Javascript
JavaScript定时器详解及实例
Aug 01 Javascript
JS比较两个时间大小的简单示例代码
Dec 20 Javascript
深入理解javascript中的立即执行函数(function(){…})()
Jun 12 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
javascript jquery对form元素的常见操作详解
Jun 12 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
Aug 31 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
Jun 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
咖啡历史、消费和行业趋势
2021/03/03 咖啡文化
PHP实现下载功能的代码
2012/09/29 PHP
php-redis中的sort排序函数总结
2015/07/08 PHP
讨论javascript(一)工厂方式 js面象对象的定义方法
2009/12/15 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
基于jquery的大众点评,分类导航实现代码
2011/08/23 Javascript
javascript 另一种图片滚动切换效果思路
2012/04/20 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
JS this作用域以及GET传输值过长的问题解决方法
2013/08/06 Javascript
在Ubuntu上安装最新版本的Node.js
2014/07/14 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
原生js+css调节音量滑块
2020/01/15 Javascript
JavaScript简易计算器制作
2020/01/17 Javascript
javascript操作向表格中动态加载数据
2020/08/27 Javascript
[05:17]DOTA2誓师:今天我们在这里 明天TI4等我!
2014/03/26 DOTA
利用Python如何生成hash值示例详解
2017/12/20 Python
python实现简单神经网络算法
2018/03/10 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
利用python批量爬取百度任意类别的图片的实现方法
2020/10/07 Python
欧洲品牌瓷器餐具网上商店:Porzellantreff.de
2018/04/04 全球购物
MyBag中文网:英国著名的时尚包袋电商零售网站
2020/07/31 全球购物
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
民间借贷协议书范本
2014/10/01 职场文书
会计出纳岗位职责
2015/03/31 职场文书
班主任培训研修日志
2015/11/13 职场文书
python中os.path.join()函数实例用法
2021/05/26 Python
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL