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 面向对象编程 function也是类
Sep 17 Javascript
js日期联动示例
May 02 Javascript
JS数组(Array)处理函数整理
Dec 07 Javascript
纯javascript响应式树形菜单效果
Nov 10 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
Sep 20 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
Sep 15 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
前端Electron新手入门教程详解
Jun 21 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
JS实现鼠标按下拖拽效果
Jul 23 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 28 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中的session永不过期的解决思路及实现方法分享
2011/04/20 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
js实现拖拽效果(构造函数)
2015/12/14 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
详解如何实现一个简单的 vuex
2018/02/10 Javascript
JS实现网页时钟特效
2020/03/25 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python导入时小括号大作用
2017/01/10 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
Python3 循环语句(for、while、break、range等)
2017/11/20 Python
详解Python做一个名片管理系统
2019/03/14 Python
Python queue队列原理与应用案例分析
2019/09/27 Python
python轮询机制控制led实例
2020/05/03 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
日常奢侈品,轻松购物:Verishop
2019/08/20 全球购物
日语专业推荐信
2013/11/12 职场文书
平面设计岗位职责
2013/12/14 职场文书
创业计划书中要认真思考的问题
2013/12/28 职场文书
旅游个人求职信范文
2014/01/30 职场文书
电气个人求职信范文
2014/02/04 职场文书
道德模范先进事迹
2014/02/14 职场文书
毕业自我鉴定书
2014/03/24 职场文书
党员自我剖析材料
2014/08/31 职场文书
营销计划书
2015/01/17 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
雾霾停课通知
2015/04/24 职场文书
《为人民服务》教学反思
2016/02/20 职场文书