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 利用show和hidden实现级联菜单示例代码
Aug 09 Javascript
jquery动态增加删除表格行的小例子
Nov 14 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 Javascript
常用的Javascript设计模式小结
Dec 09 Javascript
基于jquery实现智能表单验证操作
May 09 Javascript
有关文件上传 非ajax提交 得到后台数据问题
Oct 12 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
详解在Angular4中使用ng2-baidu-map的方法
Jun 19 Javascript
使用layui前端框架弹出form表单以及提交的示例
Oct 25 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概述.
2006/10/09 PHP
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
php7函数,声明,返回值等新特性介绍
2018/05/25 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
学习ExtJS 访问容器对象
2009/10/07 Javascript
jquery 可排列的表实现代码
2009/11/13 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
2013/11/08 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
2016/02/19 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
js拼接html字符串的注意事项
2016/10/13 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
Vue.js划分组件的方法
2017/10/29 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
JavaScript格式化json和xml的方法示例
2019/01/22 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
vue项目中js-cookie的使用存储token操作
2020/11/13 Javascript
Python 元类使用说明
2009/12/18 Python
Python选课系统开发程序
2016/09/02 Python
Python 实现中值滤波、均值滤波的方法
2019/01/09 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
Python利用WMI实现ping命令的例子
2019/08/14 Python
英国打印机墨水和碳粉商店:Printerinks
2017/06/30 全球购物
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
条幅标语大全
2014/06/20 职场文书
关于旅游的活动方案
2014/08/15 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
自荐信大全
2019/03/21 职场文书
Win11局域网共享权限在哪里设置? Win11高级共享的设置技巧
2022/04/05 数码科技