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客户端将指定区域导出到Word、Excel的代码
Oct 22 Javascript
js判断是否为数组的函数: isArray()
Oct 30 Javascript
jquery插件制作 手风琴Panel效果实现
Aug 17 Javascript
js处理表格对table进行修饰
May 26 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
javascript中数组方法汇总
Jul 07 Javascript
javascript原型继承工作原理和实例详解
Apr 07 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
Jun 22 Javascript
浅谈vue首屏加载优化
Jun 28 Javascript
Vue封装的可编辑表格插件方法
Aug 28 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 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/17 PHP
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
PHP中使用memcache存储session的三种配置方法
2014/04/05 PHP
php生成xml时添加CDATA标签的方法
2014/10/17 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
jquery CSS选择器笔记
2010/03/29 Javascript
基本jquery的控制tabs打开的数量的代码
2010/10/17 Javascript
javascript插入样式实现代码
2012/02/22 Javascript
jquery自定义函数的多种方法
2014/01/09 Javascript
js实现图片漂浮效果的方法
2015/03/02 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法(排序,过滤,分页等)
2016/11/09 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
React从react-router路由上做登陆验证控制的方法
2018/05/10 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
python解析html开发库pyquery使用方法
2014/02/07 Python
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
CSS3+DIV实现漂亮的动画彩色标签
2016/06/16 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
override和overload的区别
2016/03/09 面试题
小学生开学感言
2014/02/28 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
起诉离婚协议书样本
2014/11/25 职场文书
小学教师2014年度工作总结
2014/12/03 职场文书
个人借条范本
2015/05/25 职场文书
2015年思想品德教学工作总结
2015/07/22 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书