基于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 相关文章推荐
做网页的一些技巧(续)
Feb 01 Javascript
一个轻量级的javascript库 pj介绍
Dec 19 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
动态加载script文件的两种方法
Aug 15 Javascript
Javascript事件实例详解
Nov 06 Javascript
Node.js中child_process实现多进程
Feb 03 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
Feb 22 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
layui默认选中table的CheckBox复选框方法
Sep 19 Javascript
利用PHP实现递归删除链表元素的方法示例
Oct 23 Javascript
idea编译器vue缩进报错问题场景分析
Jul 04 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
国内php原创论坛
2006/10/09 PHP
PHP多进程编程实例
2014/10/15 PHP
phplot生成图片类用法详解
2015/01/06 PHP
PHP从FLV文件获取视频预览图的方法
2015/03/12 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
jquery选择器使用详解
2014/04/08 Javascript
js函数参数设置默认值的一种变通实现方法
2014/05/26 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
vue-cli2.9.3 详细教程
2018/04/23 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
vue调用本地摄像头实现拍照功能
2020/08/14 Javascript
[01:57]2018年度DOTA2最具潜力解说-完美盛典
2018/12/16 DOTA
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
多版本Python共存的配置方法
2017/05/22 Python
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
Django uwsgi Nginx 的生产环境部署详解
2019/02/02 Python
python实现多线程端口扫描
2019/08/31 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
pycharm 如何取消连按两下shift出现的全局搜索
2021/01/15 Python
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
初二政治教学反思
2014/01/12 职场文书
社区活动邀请函范文
2014/01/29 职场文书
学生手册家长评语
2014/02/10 职场文书
大型营销活动计划书
2014/04/28 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
小学生暑假安全公约
2015/07/14 职场文书
2016年感恩母亲节活动总结
2016/04/01 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python