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 数组学习资料收集
Apr 11 Javascript
验证手机号码的JS方法分享
Sep 10 Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 Javascript
jQuery替换textarea中换行的方法
Jun 10 Javascript
JS实现自定义简单网页软键盘效果代码
Nov 05 Javascript
js实现tab切换效果
Feb 16 Javascript
js for循环倒序输出数组元素的实例
Mar 01 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
js实现复制功能(多种方法集合)
Jan 06 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
Jan 16 Javascript
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
Mar 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
php中限制ip段访问、禁止ip提交表单的代码分享
2014/08/22 PHP
php命令行用法入门实例教程
2014/10/27 PHP
微信公众号开发之微信公共平台消息回复类实例
2014/11/14 PHP
关于图片验证码设计的思考
2007/01/29 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
actionscript与javascript的区别
2011/05/25 Javascript
js 页面元素的几个用法总结
2013/11/18 Javascript
jQuery对html元素取值与赋值的方法
2013/11/20 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
Bootstarp风格的toggle效果分享
2016/02/23 Javascript
解读vue生成的文件目录结构及说明
2017/11/27 Javascript
Vuex 入门教程
2018/01/10 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
vue中使用vee-validator完成表单校验方案
2019/11/01 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
浅谈vue websocket nodeJS 进行实时通信踩到的坑
2020/09/22 NodeJs
vue 动态生成拓扑图的示例
2021/01/03 Vue.js
[52:20]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python进程通信之匿名管道实例讲解
2015/04/11 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
Paul’s Boutique官网:英国时尚手袋品牌
2018/03/31 全球购物
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
CK澳大利亚官网:Calvin Klein澳大利亚
2020/12/12 全球购物
会计与审计专业大专生求职信
2013/10/03 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
物流业务员岗位职责
2015/04/03 职场文书
考试后的感想
2015/08/07 职场文书
CSS font-variation 可变字体的魅力(实例详解)
2022/03/03 HTML / CSS