基于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 相关文章推荐
用js实现计算加载页面所用的时间
Apr 02 Javascript
原生Js页面滚动延迟加载图片实现原理及过程
Jun 24 Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
node.js中的fs.futimes方法使用说明
Dec 17 Javascript
jQuery+PHP实现动态数字展示特效
Mar 14 Javascript
JS中mouseover和mouseout多次触发问题如何解决
Jun 06 Javascript
老生常谈js数据类型
Aug 03 Javascript
js中数组对象去重的两种方法
Jan 18 Javascript
Element DateTimePicker日期时间选择器的使用示例
Jul 27 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
Sep 05 Javascript
JavaScript 中判断变量是否为数字的示例代码
Oct 22 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
实用函数3
2007/11/08 PHP
详解WordPress开发中过滤属性以及Sql语句的函数使用
2015/12/25 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
分享20款好玩的jQuery游戏
2011/04/17 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
2015/10/26 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
手动实现vue2.0的双向数据绑定原理详解
2021/02/06 Vue.js
python 根据pid杀死相应进程的方法
2017/01/16 Python
python:print格式化输出到文件的实例
2018/05/14 Python
Python封装原理与实现方法详解
2018/08/28 Python
Python imutils 填充图片周边为黑色的实现
2020/01/19 Python
vscode配置anaconda3的方法步骤
2020/08/08 Python
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
美国生鲜及杂货电商:FreshDirect
2018/01/29 全球购物
阿巴庭院:Abba Patio
2019/06/18 全球购物
医学生实习自荐信
2013/10/01 职场文书
给交警的表扬信
2014/01/12 职场文书
大学生职业生涯规划书模板
2014/01/18 职场文书
在校硕士自我鉴定
2014/01/23 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
优质护理服务演讲稿
2014/05/07 职场文书
团队精神的演讲稿
2014/05/14 职场文书
授权委托书范文
2014/07/31 职场文书
婚前协议书标准版
2014/10/19 职场文书
教师党员整改措施
2014/10/24 职场文书
芙蓉镇观后感
2015/06/10 职场文书
入党转正申请书范文
2019/05/20 职场文书
为什么node.js不适合大型项目
2021/04/28 Javascript
HTML基本元素标签介绍
2022/02/28 HTML / CSS