基于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获得浏览器版本和操作系统版本的例子
May 13 Javascript
AngularJS入门教程(二):AngularJS模板
Dec 06 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
学习JavaScript设计模式(链式调用)
Nov 26 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
Aug 19 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
Jun 11 Javascript
解决vue里碰到 $refs 的问题的方法
Jul 13 Javascript
新版小程序登录授权的方法
Dec 12 Javascript
微信小程序扫描二维码获取信息实例详解
May 07 Javascript
Js on及addEventListener原理用法区别解析
Jul 11 Javascript
Vue解决移动端弹窗滚动穿透问题
Dec 15 Vue.js
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
截获网站title标签之家内容的例子
2006/10/09 PHP
php cookies中删除的一般赋值方法
2011/05/07 PHP
php出现内存位置访问无效错误问题解决方法
2014/08/16 PHP
php实现无限级分类
2014/12/24 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
JS中改变this指向的方法(call和apply、bind)
2016/03/26 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
JavaScript数据类型转换的注意事项
2016/07/31 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
2016/08/10 Javascript
移动端js图片查看器
2016/11/17 Javascript
angularjs中的$eval方法详解
2017/04/24 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
json2.js 入门教程之使用方法与实例分析
2017/09/14 Javascript
Vue组件的使用教程详解
2018/01/05 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
video.js添加自定义组件的方法
2020/12/09 Javascript
Python中http请求方法库汇总
2016/01/06 Python
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
Python操作SQLite数据库的方法详解【导入,创建,游标,增删改查等】
2017/07/11 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
Python实现网站表单提交和模板
2019/01/15 Python
Django 路由控制的实现
2019/07/17 Python
python词云库wordCloud使用方法详解(解决中文乱码)
2020/02/17 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
幼儿园家长会欢迎词
2014/01/09 职场文书
幼儿教师考核制度
2014/01/25 职场文书
优秀乡村医生先进事迹材料
2014/08/23 职场文书
《落花生》教学反思
2016/02/16 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python
你知道Java Spring的两种事务吗
2022/03/16 Java/Android