基于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 相关文章推荐
jquery 学习之二 属性(html()与html(val))
Nov 25 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
调试Node.JS的辅助工具(NodeWatcher)
Jan 04 Javascript
Javascript中的包装类型介绍
Apr 02 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 Javascript
使用node.js搭建服务器
May 20 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
Dec 13 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
Feb 13 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 Javascript
javascript实现扫雷简易版
Aug 18 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笔记之:php数组相关函数的使用
2013/04/26 PHP
PHP实现即时输出、实时输出内容方法
2015/05/27 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
JS解析XML实例分析
2015/01/30 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
微信小程序 wxParse插件显示视频问题
2019/09/27 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
js实现盒子拖拽动画效果
2020/08/09 Javascript
vue.js封装switch开关组件的操作
2020/10/26 Javascript
Python单例模式的两种实现方法
2017/08/14 Python
Python scikit-learn 做线性回归的示例代码
2017/11/01 Python
Python3中条件控制、循环与函数的简易教程
2017/11/21 Python
python正则表达式之对号入座篇
2018/07/24 Python
Python面向对象之继承和组合用法实例分析
2018/08/27 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
对python 调用类属性的方法详解
2019/07/02 Python
Python使用py2neo操作图数据库neo4j的方法详解
2020/01/13 Python
Flask和pyecharts实现动态数据可视化
2020/02/26 Python
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
一个C/C++编程面试题
2013/11/10 面试题
应用艺术毕业生的自我评价
2013/12/04 职场文书
驾驶员岗位职责
2014/01/29 职场文书
开办大学饮食联盟创业计划书
2014/01/29 职场文书
电视购物广告词
2014/03/19 职场文书
高三家长寄语
2014/04/03 职场文书
技术比武方案
2014/05/19 职场文书
大学毕业生个人总结
2015/02/28 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
道歉的话怎么说
2015/05/12 职场文书
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫