基于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中的window.location.search方法简介
Sep 02 Javascript
JS简单实现元素复制示例附图
Nov 19 Javascript
jquery选择器使用详解
Apr 08 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
Ionic快速安装教程
Jun 03 Javascript
微信小程序 合法域名校验出错详解及解决办法
Mar 09 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
小程序如何支持使用 async/await详解
Sep 12 Javascript
Vue的自定义组件不能使用click方法的解决
Jul 28 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使用codebase生成随机数
2014/03/25 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
php+ajax+json 详解及实例代码
2016/12/12 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
2012/02/10 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
JS实现很酷的EMAIL地址添加功能实例
2015/02/28 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
2016/05/30 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
2017/06/17 Javascript
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
JavaScript类的继承多种实现方法
2020/05/30 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
Python中shape计算矩阵的方法示例
2017/04/21 Python
Python使用sorted排序的方法小结
2017/07/28 Python
Django框架教程之正则表达式URL误区详解
2018/01/28 Python
基于TensorFlow常量、序列以及随机值生成实例
2020/01/04 Python
什么是Python包的循环导入
2020/09/08 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
html通过canvas转成base64的方法
2019/07/18 HTML / CSS
HTML5 History API 实现无刷新跳转
2016/01/11 HTML / CSS
印度最大的时尚购物网站:Myntra
2018/09/13 全球购物
英国泽西岛植物:Jersey Plants Direct
2019/08/07 全球购物
大学生自我评价怎样写好
2013/10/23 职场文书
数控专业大学生的自我鉴定
2013/11/13 职场文书
测控技术与仪器个人求职信范文
2013/12/30 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
经典演讲稿开场白
2014/08/25 职场文书
客户经理岗位职责
2015/01/31 职场文书
docker 制作mysql镜像并自动安装
2022/05/20 Servers