基于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 21 Javascript
Google 静态地图API实现代码
Nov 19 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
JS敏感词过滤代码
Dec 23 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
Apr 11 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
vue-router传参用法详解
Jan 19 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
vue axios重复点击取消上一次请求封装的方法
Jun 19 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利用cookie实现自动登录的方法
2014/12/10 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
PHP转换文本框内容为HTML格式的方法
2016/07/20 PHP
Laravel框架FormRequest中重写错误处理的方法
2019/02/18 PHP
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
2011/03/05 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
js 获取浏览器版本以此来调整CSS的样式
2014/06/03 Javascript
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
2014/11/26 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
深入浅出分析Python装饰器用法
2017/07/28 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
浅析python中numpy包中的argsort函数的使用
2018/08/30 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
对于Python深浅拷贝的理解
2019/07/29 Python
Django配置文件代码说明
2019/12/04 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
Python Django form 组件动态从数据库取choices数据实例
2020/05/19 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
python爬虫 requests-html的使用
2020/11/30 Python
pip install命令安装扩展库整理
2021/03/02 Python
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
幼儿园教师节活动方案
2014/02/02 职场文书
求职者怎样写自荐信
2014/04/13 职场文书
公司周年庆活动方案
2014/08/25 职场文书
2014年办公室文员工作总结
2014/11/12 职场文书
2016年春节问候语
2015/11/11 职场文书