javascript实现倒计时N秒后网页自动跳转代码


Posted in Javascript onDecember 11, 2014
<title>JS倒计时网页自动跳转代码</title>   

<script language="JavaScript" type="text/javascript">

    function delayURL(url) {

        var delay = document.getElementById("time").innerHTML;

        if(delay > 0) {

            delay--;

            document.getElementById("time").innerHTML = delay;

        } else {

            window.top.location.href = url;

        }

       t = setTimeout("delayURL('" + url + "')", 1000);

    }
function stop1(){   

t && clearTimeout(t);

}

</script>

<span id="time" style="background: #00BFFF">1000</span>秒钟后自动跳转,如果不跳转,请点击下面的链接<a href="http://www.baidu.com">我的百度</a>

<input type="button" value="停止跳转" onclick="stop1();">

<script type="text/javascript">

delayURL("http://www.baidu.com");

</script>

代码很简单,却很实用,小伙伴们根据自己的需求放到自己项目中吧。

Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - Calendar日历使用
Oct 19 Javascript
jQuery实现表头固定效果的实例代码
May 24 Javascript
js动态创建、删除表格示例代码
Aug 07 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
Jun 12 Javascript
jQuery带时间的日期控件代码分享
Aug 26 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
React 高阶组件入门介绍
Jan 11 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
微信小程序实现城市列表选择
Jun 05 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
vue项目实现多语言切换的思路
Sep 17 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
Dec 10 #Javascript
node.js中的buffer.slice方法使用说明
Dec 10 #Javascript
node.js中的buffer.write方法使用说明
Dec 10 #Javascript
node.js中的http.request.end方法使用说明
Dec 10 #Javascript
node.js中的emitter.on方法使用说明
Dec 10 #Javascript
node.js中的events.emitter.once方法使用说明
Dec 10 #Javascript
node.js中的emitter.emit方法使用说明
Dec 10 #Javascript
You might like
用PHP实现小型站点广告管理(修正版)
2006/10/09 PHP
PHP设计模式之装饰者模式
2012/02/29 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
关于PHP开发的9条建议
2015/07/27 PHP
CI框架数据库查询之join用法分析
2016/05/18 PHP
YII2.0框架行为(Behavior)深入详解
2019/07/26 PHP
php利用ZipArchive类操作文件的实例
2020/01/21 PHP
js判断两个日期是否相等的方法
2013/09/10 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
2017/01/25 Javascript
Vue2.x中的父组件传递数据至子组件的方法
2017/05/01 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
JS常见构造模式实例对比分析
2018/08/27 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
nodejs 递归拷贝、读取目录下所有文件和目录
2019/07/18 NodeJs
Python操作Word批量生成文章的方法
2015/07/28 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
使用matlab 判断两个矩阵是否相等的实例
2020/05/11 Python
Python random模块的使用示例
2020/10/10 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
德国高尔夫商店:Par71.de
2020/11/29 全球购物
北京RT科技有限公司.net工程师面试题
2013/02/15 面试题
高中生自我评语大全
2014/01/19 职场文书
教师简历自我评价
2014/02/03 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
心灵点滴观后感
2015/06/02 职场文书
舞出我人生观后感
2015/06/16 职场文书
申请吧主发表的感言
2015/08/03 职场文书
升职自荐书
2019/05/09 职场文书
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis