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 相关文章推荐
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
基于Jquery实现的一个图片滚动切换
Jun 21 Javascript
一个网页标题title的闪动提示效果实现思路
Mar 22 Javascript
JavaScript实现twitter puddles算法实例
Dec 06 Javascript
JavaScript将数组转换成CSV格式的方法
Mar 19 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
May 10 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
jQuery简单实现仿京东分类导航层效果
Jun 07 Javascript
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
js使用原型对象(prototype)需要注意的地方
Aug 28 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
Aug 10 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 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 动态添加记录
2009/03/10 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
YII2框架中behavior行为的理解与使用方法示例
2020/03/13 PHP
javascript 弹出层组件(升级版)
2011/05/12 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
JavaScript中的函数重载深入理解
2014/08/04 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
Node.js的Koa框架上手及MySQL操作指南
2016/06/13 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
[55:54]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
在Django中限制已登录用户的访问的方法
2015/07/23 Python
Python编写登陆接口的方法
2017/07/10 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
python多线程并发及测试框架案例
2019/10/15 Python
Python实现ATM系统
2020/02/17 Python
美国知名的家庭连锁百货商店:Boscov’s
2017/07/27 全球购物
ROSEFIELD手表荷兰官方网上商店:北欧极简设计女士腕表品牌
2018/01/24 全球购物
杭州-飞时达软件有限公司.net笔面试
2012/04/28 面试题
老总助理工作岗位职责
2014/02/06 职场文书
学校元旦晚会方案
2014/02/19 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
2015学校年度工作总结
2015/05/11 职场文书
南极大冒险观后感
2015/06/05 职场文书
实验室安全管理制度
2015/08/05 职场文书
python爬虫selenium模块详解
2021/03/30 Python
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python