基于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 特殊字符
Apr 05 Javascript
js 颜色选择器(兼容firefox)
Mar 05 Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
老生常谈JavaScript 函数表达式
Sep 01 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
JavaScript设计模式之观察者模式实例详解
Jan 16 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
浅谈vuex中store的命名空间
Nov 08 Javascript
vue实现自定义多选按钮
Jul 16 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 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 session机制
2011/07/17 PHP
php在线代理转向代码
2012/05/05 PHP
CodeIgniter自定义控制器MY_Controller用法分析
2016/01/20 PHP
Track Image Loading效果代码分析
2007/08/13 Javascript
js 操作select相关方法函数
2009/12/06 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
js删除所有的cookie的代码
2010/11/25 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
2013/07/18 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
2017/02/24 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
前端vue如何使用高德地图
2020/11/05 Javascript
在Python的web框架中配置app的教程
2015/04/30 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
在python里面运用多继承方法详解
2019/07/01 Python
python 自动轨迹绘制的实例代码
2019/07/05 Python
利用pyecharts实现地图可视化的例子
2019/08/12 Python
Python netmiko模块的使用
2020/02/14 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
Python字符串及文本模式方法详解
2020/09/10 Python
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
网络工程与软件技术毕业生自荐信
2013/09/24 职场文书
继电保护工岗位职责
2014/01/05 职场文书
同事吵架检讨书
2014/02/05 职场文书
辞职信范文大全
2015/03/02 职场文书
施工安全保证书
2015/05/09 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技