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-onload让第一次页面加载时图片是淡入方式显示
May 23 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
浅谈Angularjs link和compile的使用区别
Oct 21 Javascript
js字符串操作总结(必看篇)
Nov 22 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
Dec 02 Javascript
最好用的Bootstrap fileinput.js文件上传组件
Dec 12 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
Node.js Domain 模块实例详解
Mar 18 Javascript
vue 如何从单页应用改造成多页应用
Oct 23 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 Pear 安装及使用
2009/03/19 PHP
关于尾递归的使用详解
2013/05/02 PHP
php实现屏蔽掉黑帽SEO的搜索关键字
2015/04/15 PHP
java script编程起步(第三课)
2007/01/10 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
jquery ajax属性async(同步异步)示例
2013/11/05 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
2015/06/05 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
JavaScript动态创建二维数组的方法示例
2019/02/01 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
2020/02/20 Javascript
[02:43]2018DOTA2亚洲邀请赛主赛事首日TOP5
2018/04/04 DOTA
详细解析Python中__init__()方法的高级应用
2015/05/11 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
Python Pandas对缺失值的处理方法
2019/09/27 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
WiFi云数码相框:Nixplay
2018/07/05 全球购物
优秀毕业生自我鉴定
2014/02/11 职场文书
生产厂长岗位职责
2014/02/21 职场文书
幼儿生日活动方案
2014/08/27 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
会计实训报告范文
2014/11/04 职场文书
公司承诺函范文
2015/01/21 职场文书
教代会开幕词
2015/01/28 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
前台接待岗位职责范本
2015/04/03 职场文书
2019大学生实习报告
2019/06/21 职场文书
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python
python opencv通过4坐标剪裁图片
2021/06/05 Python
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏