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的一句话搞定手风琴菜单
Sep 14 Javascript
cookie中的path与domain属性详解
Dec 18 Javascript
JavaScript常用脚本汇总(二)
Mar 04 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
Jun 17 Javascript
Jquery Ajax Error 调试错误的技巧
Nov 20 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
Apr 13 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
Aug 17 Javascript
jquery滚动条插件(可以自定义)
Dec 11 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
vue移动端的左右滑动事件详解
Jun 17 Javascript
vue实现登录拦截
Jun 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
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
PHP 文章中的远程图片采集到本地的代码
2009/07/30 PHP
网页javascript精华代码集
2007/01/24 Javascript
javascript new fun的执行过程
2010/08/05 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
2015/04/17 Javascript
简单分析javascript面向对象与原型
2015/05/21 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
JavaScript仿网易选项卡制作代码
2016/10/06 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
vue动态绑定组件子父组件多表单验证功能的实现代码
2018/05/14 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
Angular6 Filter实现页面搜索的示例代码
2018/12/02 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
[33:28]完美世界DOTA2联赛PWL S3 PXG vs GXR 第三场 12.19
2020/12/24 DOTA
python中base64加密解密方法实例分析
2015/05/16 Python
Python利用Nagios增加微信报警通知的功能
2016/02/18 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
Python----数据预处理代码实例
2019/03/20 Python
Python+Selenium使用Page Object实现页面自动化测试
2019/07/14 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
python实现简单的五子棋游戏
2020/09/01 Python
python产生模拟数据faker库的使用详解
2020/11/04 Python
html5基础教程常用技巧整理
2013/08/20 HTML / CSS
英国著名国际平价时尚男装品牌:Topman
2016/08/27 全球购物
传播学专业毕业生自荐信
2013/11/04 职场文书
自荐书格式
2013/12/01 职场文书
国际贸易系求职信
2014/08/09 职场文书
同学聚会开幕词
2019/04/02 职场文书
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python