基于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编程起步(第四课)
Feb 27 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 Javascript
js给dropdownlist添加选项的小例子
Mar 04 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
JS/Jquery判断对象为空的方法
Jun 11 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
Dec 22 Javascript
关于JavaScript数组你所不知道的3件事
Aug 24 Javascript
Node.js connect ECONNREFUSED错误解决办法
Sep 15 Javascript
Angular 2应用的8个主要构造块有哪些
Oct 17 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
Jul 27 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 Javascript
js HTML DOM EventListener功能与用法实例分析
Apr 27 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
PHP与SQL注入攻击防范小技巧
2011/09/16 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
Linux系统中为php添加pcntl扩展
2016/08/28 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
Laravel使用PHPQRCODE实现生成带有LOGO的二维码图片功能示例
2017/07/07 PHP
jQuery使用手册之一
2007/03/24 Javascript
input 高级限制级用法
2009/03/26 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
2013/12/14 Javascript
使用javascript实现简单的选项卡切换
2015/01/09 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
JS中递归函数
2016/06/17 Javascript
bootstrap PrintThis打印插件使用详解
2017/02/20 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
python中getaddrinfo()基本用法实例分析
2015/06/28 Python
python实现网站的模拟登录
2016/01/04 Python
深入学习python的yield和generator
2016/03/10 Python
Python多进程分块读取超大文件的方法
2016/04/13 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
python函数声明和调用定义及原理详解
2019/12/02 Python
python实现猜拳游戏
2020/03/04 Python
Python文件名匹配与文件复制的实现
2020/12/11 Python
什么是封装
2013/03/26 面试题
监理员的岗位职责
2013/11/13 职场文书
2014年五一促销活动方案
2014/03/09 职场文书
2014春晚主持词
2014/03/25 职场文书
公证书样本
2014/04/10 职场文书
文明社区申报材料
2014/08/21 职场文书
邹越感恩父母演讲稿
2014/08/28 职场文书
客服专员岗位职责
2015/02/10 职场文书
pytorch 如何把图像数据集进行划分成train,test和val
2021/05/31 Python