基于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入门教程(6) Window窗口对象
Jan 31 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
Dec 13 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
May 18 Javascript
JavaScript简单实现弹出拖拽窗口(一)
Jun 17 Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
Oct 11 Javascript
JS实现微信里判断页面是否被分享成功的方法
Jun 06 Javascript
jqueryUI tab标签页代码分享
Oct 09 jQuery
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
Oct 31 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
Apr 21 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
bootstrap-table+treegrid实现树形表格
Jul 26 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一些有意思的小区别
2006/12/06 PHP
FCKeditor的安装(PHP)
2007/01/13 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
php缓冲输出实例分析
2015/01/05 PHP
PHP内核探索之解释器的执行过程
2015/12/22 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
php自定义截取中文字符串-utf8版
2017/02/27 PHP
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
2012/07/31 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
使用jQuery动态加载js脚本文件的方法
2014/04/03 Javascript
浅谈JavaScript中的字符编码转换问题
2015/07/07 Javascript
JavaScript实现的简单烟花特效代码
2015/10/20 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
js动态设置select下拉菜单的默认选中项实例
2018/08/21 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
2020/11/06 Javascript
Python学习之asyncore模块用法实例教程
2014/09/29 Python
Python Web框架Flask中使用七牛云存储实例
2015/02/08 Python
Python加pyGame实现的简单拼图游戏实例
2015/05/15 Python
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
使用Python获取并处理IP的类型及格式方法
2018/11/01 Python
python实现弹跳小球
2019/05/13 Python
python+selenium实现简历自动刷新的示例代码
2019/05/20 Python
解决Python内层for循环如何break出外层的循环的问题
2019/06/24 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
简述数据库的设计过程
2015/06/22 面试题
一份教室追逐打闹的检讨书
2014/09/27 职场文书
2014年小学体育工作总结
2014/12/11 职场文书
客房领班岗位职责
2015/02/11 职场文书
党支部评议意见
2015/06/02 职场文书
村主任当选感言
2015/08/01 职场文书
2016校本研修培训心得体会
2016/01/08 职场文书
合同补充协议书
2016/03/24 职场文书
mysql联合索引的使用规则
2021/06/23 MySQL