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 相关文章推荐
IE、FF浏览器下修改标签透明度
Jan 28 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
JS插件overlib用法实例详解
Dec 26 Javascript
Node.js+Express配置入门教程
May 19 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
Node.js获取前端ajax提交的request信息
Feb 20 Javascript
Bootstrap导航中表单简单实现代码
Mar 06 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
微信浏览器禁止页面下拉查看网址实例详解
Jun 28 Javascript
ECharts地图绘制和钻取简易接口详解
Jul 12 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
Nov 09 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与XML联手进行网站编程代码实例
2008/07/10 PHP
thinkphp模板输出技巧汇总
2014/11/24 PHP
php数据访问之查询关键字
2016/05/09 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
2014/05/02 Javascript
JavaScript变量声明详解
2014/11/27 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
动态加载css方法实现和深入解析
2017/01/18 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
详解NodeJS框架express的路径映射(路由)功能及控制
2017/03/24 NodeJs
vue v-on监听事件详解
2017/05/17 Javascript
jQuery接受后台传递的List的实例详解
2017/08/02 jQuery
vue 解决异步数据更新问题
2019/10/29 Javascript
[01:19]2014DOTA2国际邀请赛 采访TITAN战队ohaiyo 能赢DK很幸运
2014/07/12 DOTA
Python原始字符串(raw strings)用法实例
2014/10/13 Python
Python 爬虫的工具列表大全
2016/01/31 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
pyqt5利用pyqtDesigner实现登录界面
2019/03/28 Python
adidas瑞典官方网站:购买阿迪达斯鞋子和运动服
2019/12/11 全球购物
大学毕业生简单自荐信
2013/11/05 职场文书
化工专业个人的求职信范文
2013/11/28 职场文书
大型活动策划方案
2014/01/12 职场文书
高中化学教学反思
2014/01/13 职场文书
大学生活动策划方案
2014/02/10 职场文书
分层教学实施方案
2014/03/19 职场文书
2014年保卫工作总结
2014/12/05 职场文书
2015年清明节活动总结
2015/02/09 职场文书
安全保证书格式
2015/02/28 职场文书
年底个人总结范文
2015/03/10 职场文书
房租涨价通知
2015/04/23 职场文书