基于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 相关文章推荐
BootStrap使用popover插件实现鼠标经过显示并保持显示框
Jun 23 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
Angular 1.x个人使用的经验小结
Jul 19 Javascript
ES6扩展运算符的用途实例详解
Aug 20 Javascript
layui 设置table 行的高度方法
Aug 17 Javascript
React 路由懒加载的几种实现方案
Oct 23 Javascript
JavaScript类的继承操作实例总结
Dec 20 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
使用layui前端框架弹出form表单以及提交的示例
Oct 25 Javascript
JavaScript JSON使用原理及注意事项
Jul 30 Javascript
Vue中component标签解决项目组件化操作
Sep 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
PHP面向对象编程快速入门
2006/10/09 PHP
我的论坛源代码(五)
2006/10/09 PHP
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
PHP 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
使用PHP获取当前url路径的函数以及服务器变量
2013/06/29 PHP
php读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
分享几种好用的PHP自定义加密函数(可逆/不可逆)
2020/09/15 PHP
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
2012/01/13 Javascript
JQuery获取浏览器窗口内容部分高度的代码
2012/02/24 Javascript
javascript实现修改微信分享的标题内容等
2014/12/11 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
基于jQuery实现仿微博发布框字数提示
2016/07/27 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
关于vue.js组件数据流的问题
2017/07/26 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
template.js前端模板引擎使用详解
2017/10/10 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
解决python3中自定义wsgi函数,make_server函数报错的问题
2017/11/21 Python
Window 64位下python3.6.2环境搭建图文教程
2018/09/19 Python
python实现图片转字符小工具
2019/04/30 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
浅谈PyTorch的可重复性问题(如何使实验结果可复现)
2020/02/20 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
Net Remoting把服务器端激活两种模式
2014/01/22 面试题
为什么要做架构设计
2015/07/08 面试题
请用Python写一个获取用户输入数字,并根据数字大小输出不同信息的脚本
2014/05/20 面试题
顶碗少年教学反思
2014/02/21 职场文书
感恩教育月活动总结
2014/07/07 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书
【DOTA2】当街暴打?PSG LGD vs VG - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA