基于JavaScript实现网页倒计时自动跳转代码


Posted in Javascript onDecember 28, 2015

用JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计时间可自设,时间到则自动跳转到指定的网址,对于JS来说,实现该似乎挺简单哦,用IIS上的301也可实现跳转,以及mete标签也可以实现自动跳转,根据你自己的需要了。

<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 相关文章推荐
JavaScript中Math对象使用说明
Jan 16 Javascript
ASP Json Parser修正版
Dec 06 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
Oct 29 Javascript
JavaScript的各种常见函数定义方法
Sep 16 Javascript
jQuery中:first选择器用法实例
Dec 30 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
Nuxt升级2.0.0时出现的问题(小结)
Oct 08 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
js时间戳转为日期格式的方法
Dec 28 #Javascript
jquery实现全屏滚动
Dec 28 #Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 #Javascript
延时加载JavaScript代码提高速度
Dec 27 #Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 #Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 #Javascript
SublimeText自带格式化代码功能之reindent
Dec 27 #Javascript
You might like
业余方法DIY电子管FM收音机
2021/03/02 无线电
PHP XML操作的各种方法解析(比较详细)
2010/06/17 PHP
php产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
PHP实现上传多图即时显示与即时删除的方法
2017/05/09 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
javascript 的Document属性和方法集合
2010/01/25 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
2012/02/03 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
2014/12/14 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
JavaScript面向对象程序设计教程
2016/03/29 Javascript
JS图片放大效果简单实现代码
2016/09/08 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
2017/08/23 jQuery
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
基于Vue中使用节流Lodash throttle详解
2019/10/30 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
[44:04]OG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python实现哈希表
2014/02/07 Python
pycharm 使用心得(四)显示行号
2014/06/05 Python
python模拟鼠标拖动操作的方法
2015/03/11 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
Sanic框架蓝图用法实例分析
2018/07/17 Python
Flask框架URL管理操作示例【基于@app.route】
2018/07/23 Python
win7下python3.6安装配置方法图文教程
2018/07/31 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
Python实现GIF图倒放
2020/07/16 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
大学生自我鉴定范文
2013/12/28 职场文书
迟到检讨书1000字
2014/01/15 职场文书
幼儿园小班教师寄语
2014/04/03 职场文书
解决Python字典查找报Keyerror的问题
2021/05/26 Python
springcloud之Feign超时问题的解决
2021/06/24 Java/Android