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 相关文章推荐
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
Aug 02 Javascript
Notify - 基于jquery的消息通知插件
Oct 18 Javascript
replace()方法查找字符使用示例
Oct 28 Javascript
轻量级的原生js日历插件calendar.js使用指南
Apr 28 Javascript
jquery实现选中单选按钮下拉伸缩效果
Aug 06 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
Dec 13 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
js将键值对字符串转为json字符串的方法
Mar 30 Javascript
详解开发react应用最好用的脚手架 create-react-app
Apr 24 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
德劲1104的电路分析与改良
2021/03/01 无线电
解析:通过php socket并借助telnet实现简单的聊天程序
2013/06/18 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
分享一个php 的异常处理程序
2014/06/22 PHP
thinkPHP简单实现多个子查询语句的方法
2016/12/05 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
js一组验证函数
2008/12/20 Javascript
window.onbeforeunload方法在IE下无法正常工作的解决办法
2010/01/23 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
javascript测试题练习代码
2012/10/10 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
2012/12/17 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
js实现单击图片放大图片的方法
2015/02/17 Javascript
浅谈window对象的scrollBy()方法
2015/07/15 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/06 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
Bootstrap布局之栅格系统学习笔记
2017/05/04 Javascript
解决vue接口数据赋值给data没有反应的问题
2018/08/27 Javascript
javascript异步编程的六种方式总结
2019/05/17 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
基于Vue全局组件与局部组件的区别说明
2020/08/11 Javascript
python实现决策树分类算法
2017/12/21 Python
分析Python读取文件时的路径问题
2018/02/11 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
Python实现银行账户资金交易管理系统
2020/01/03 Python
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
参观接待方案
2014/03/17 职场文书
公安机关起诉意见书
2015/05/20 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书
导游词之麻姑仙境
2019/11/18 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL
python人工智能human learn绘图可创建机器学习模型
2021/11/23 Python
vue3获取当前路由地址
2022/02/18 Vue.js