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 相关文章推荐
js获取单选按钮的数据
Nov 27 Javascript
javascript 对象定义方法 简单易学
Mar 22 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
基于jQuery实现网页进度显示插件
Mar 04 Javascript
jQuery实现Email邮箱地址自动补全功能代码
Nov 03 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
深入理解React高阶组件
Sep 28 Javascript
关于vue单文件中引用路径的处理方法
Jan 08 Javascript
详解写好JS条件语句的5条守则
Feb 28 Javascript
layui清除radio的选中状态实例
Nov 14 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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
php实现的xml操作类
2016/01/15 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
mysql alter table命令修改表结构实例详解
2016/09/24 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
2009/11/04 Javascript
Jquery命名冲突解决的五种方案分享
2012/03/16 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
jquery.validate使用时遇到的问题
2015/05/25 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
2016/03/07 Javascript
深入理解JavaScript中的预解析
2017/01/04 Javascript
AngulaJS路由 ui-router 传参实例
2017/04/28 Javascript
jQuery实现选中行变色效果(实例讲解)
2017/07/06 jQuery
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
vue+Element-ui前端实现分页效果
2020/11/15 Javascript
Python通过Django实现用户注册和邮箱验证功能代码
2017/12/11 Python
pygame实现简易飞机大战
2018/09/11 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
Cynthia Rowley官网:全球领先的生活方式品牌
2020/10/27 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
企业文化理念标语
2014/06/10 职场文书
学期个人自我总结
2015/02/13 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书
导游词之澳门妈祖庙
2019/12/19 职场文书
Nginx已编译的nginx-添加新模块
2021/04/01 Servers
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js
浅谈Redis中的RDB快照
2021/06/29 Redis
Win11 22H2 2022怎么更新? 获得Win1122H22022版本升级技巧
2022/09/23 数码科技