基于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获取地址栏参数
Dec 22 Javascript
JS通过相同的name进行表格求和代码
Aug 18 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
Dec 05 Javascript
jQuery实现瀑布流布局
Dec 12 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
Jun 01 Javascript
javascript日期格式化方法小结
Dec 17 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
JS实现快递单打印功能【推荐】
Jun 21 Javascript
解决小程序无法触发SESSION问题
Feb 03 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
【星际争霸1】人族1v7家ZBath
2020/03/04 星际争霸
php array_walk_recursive 使用自定的函数处理数组中的每一个元素
2016/11/16 PHP
PHP检测接口Traversable用法详解
2017/12/29 PHP
PHP区块查询实现方法分析
2018/05/12 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
基于jquery异步传输json数据格式实例代码
2013/11/23 Javascript
jQuery的DOM操作之删除节点示例
2014/01/03 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
Vue框架中正确引入JS库的方法介绍
2017/07/30 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
Node.js 使用axios读写influxDB的方法示例
2018/10/26 Javascript
浅谈vuex actions和mutation的异曲同工
2018/12/13 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
2019/03/19 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
2020/04/29 Javascript
[01:08:17]2018DOTA2亚洲邀请赛3月29日 小组赛B组 EG VS VGJ.T
2018/03/30 DOTA
学习python处理python编码问题
2011/03/13 Python
Python字符串格式化
2015/06/15 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
jupyter notebook更换皮肤主题的实现
2021/01/07 Python
Oroton中国官网:澳洲知名奢侈配饰品牌
2017/03/26 全球购物
介绍一下Python中webbrowser的用法
2013/05/07 面试题
房屋买卖协议书
2014/04/10 职场文书
明确岗位职责
2015/02/14 职场文书
《叶问2》观后感
2015/06/15 职场文书
教育读书笔记
2015/07/02 职场文书
幼儿园开学报名通知
2015/07/16 职场文书
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis
Vue+Flask实现图片传输功能
2022/04/01 Vue.js