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 typeof 用法
Dec 28 Javascript
js 窗口抖动示例
Sep 04 Javascript
jQuery Validate表单验证深入学习
Dec 18 Javascript
Bootstrap每天必学之折叠
Apr 12 Javascript
RequireJs的使用详解
Feb 19 Javascript
jQuery+pjax简单示例汇总
Apr 21 jQuery
Angular4学习笔记之准备和环境搭建项目
Aug 01 Javascript
Validform验证时可以为空否则按照指定格式验证
Oct 20 Javascript
微信小程序实现倒计时调用相机自动拍照功能
Jun 10 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
vue router 传参获取不到的解决方式
Nov 13 Javascript
vue 中使用print.js导出pdf操作
Nov 13 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
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
PHP 强制下载文件代码
2010/10/24 PHP
PHP安全防范技巧分享
2011/11/03 PHP
php数组函数序列之array_search()- 按元素值返回键名
2011/11/04 PHP
PHP中isset()和unset()函数的用法小结
2014/03/11 PHP
浅析PHP中Session可能会引起并发问题
2015/07/23 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
基于JavaScript 类的使用详解
2013/05/07 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
JavaScript实现的CRC32函数示例
2016/11/23 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
2017/06/12 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
koa2 数据api中间件设计模型的实现方法
2020/07/13 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
[05:06]2017亚洲邀请赛DAC回顾片
2017/04/19 DOTA
[01:20]DOTA2 齐天大圣至宝动态展示
2016/12/13 DOTA
Python中datetime常用时间处理方法
2015/06/15 Python
Python的Django框架中的数据过滤功能
2015/07/17 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
有趣的Python图片制作之如何用QQ好友头像拼接出里昂
2020/04/22 Python
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
母亲七十大寿答谢词
2014/01/18 职场文书
美术教学感言
2014/02/22 职场文书
2015年国庆节寄语
2015/08/17 职场文书
2019年干货:自我鉴定
2019/03/25 职场文书
pandas 实现将NaN转换为None
2021/05/14 Python
python基础学习之递归函数知识总结
2021/05/26 Python
Python用tkinter实现自定义记事本的方法详解
2022/03/31 Python