网页自动跳转

  • 实现网页定时自动跳转

实现网页定时自动跳转

效果:

  • 10秒后自动跳转到网易云音乐的页面

代码:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>.box{width: 420px;height: 150px;border: darkgray solid 15px;margin: 0 auto;padding-top: 20px;text-align: center;vertical-align: middle;}.link_box{margin-top: 25px;padding-left: 20px ;display: flex;}.times{padding-right: 10px;float: left;color: red;font-size: 24px}a{text-decoration: ;}</style></head><body><div class="box"><h2>提交成功</h2><p><div class='link_box'><a href="https://music.163.com/" class="link" onclick="jump()"><div class='times'>10</div><div style="float: left; padding-top: 7px;">秒后系统会自动跳转,也可单机此链接跳转</div></a></div></div><script type="text/javascript">let times = document.querySelector('.times');let link = document.querySelector('.link');let timer = null;let t = 10// console.log(times.innerHTML)timer = setInterval(function(){times.innerHTML -= 1;if(times.innerHTML<=0){console.log(link.href)location.replace(link.href)clearTimeout(timer)}},1000) </script></body>
</html>

js_实现网页自动跳转相关推荐

  1. 网页自动往下走html代码,网页自动跳转代码html

    很多做博客搞网络的人并不懂技术,我也不懂,只能说会简单的操作而已,前段时间有个想法,就是让网页直接跳转,所以才找了这个网页自动跳转代码html 语言,非常简单实用,具体我想不用我多说,只需要简历个ht ...

  2. “您的访问出错了”网页自动跳转贴吧404

    问题: "您的访问出错了"网页自动跳转贴吧404,需要重新点击一次或者多次后,才能正常进入. 尝试方法: 百度了一下,大概分为以下几种说法和方案. 1.DNS被劫持了,需要修改DN ...

  3. html网页自动跳转代码大全

    html网页自动跳转代码大全.网页跳转代码可以有多种方法实现,我们举几种最好最简单的方法. <html> <head> <meta http-equiv="Co ...

  4. 网页自动跳转的5中方法

    网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去. 下面介绍一下五种常见的网页自动跳转方法,以及搜索引擎对这些跳转方法的辨识能力. 第一种网页自动跳转方法:meta refresh自 ...

  5. html自动跳转源码,网页自动跳转代码收集

    网页自动跳转代码收集 2009-09-27 07:05:04 作者: 网页自动跳转代码收集 不隐藏转向之后的地址 代码一 --------------------------------------- ...

  6. 手机端访问网页自动跳转至广告页面解决办法

    手机端访问网页自动跳转到垃圾界面的解决办法 这几天用手机访问网页频频出现弹出垃圾界面和广告的情况,令人愤怒不已,由于界面过于恶心,这里就不展示了- 今天就是总结一下怎么屏蔽这些广告界面和错误界面 HT ...

  7. 几种常见网页自动跳转方法

    种常见网页自动跳转方法对SEO的影响 网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去.网页自动跳转的主要作用 是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式 ...

  8. JS实现网页自动跳转

    效果图:(5秒后跳转到百度) 示例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...

  9. html 禁用自动跳转,阻止iframe里的网页自动跳转如何阻止iframe里引用的网页自动跳转方法...

    今天做了个网页,要在网页里设置一个iframe,然后套用其他的网站的时候,出现了莫名其妙的问题,我的网页居然会强制自动跳转到这个网页上. 经过网上的资料搜索,发现问题的原因是由于嵌入的页面中有以下代码 ...

最新文章

  1. CSS基础必备盒模型及清除浮动
  2. 善待精力,保持体力,保持热情
  3. ITK:复制非复合转换NonCompositeTransform
  4. 分布式应用框架Akka快速入门
  5. fastcopy比正常复制快多少_高中三年,每个阶段考多少分才正常?快对比一下
  6. android keyguard,Android8.1 SystemUI Keyguard之指纹解锁流程
  7. 添加standardjs和eslint配置检测代码规范步骤
  8. Pixel Bender 之 Flex 特效使用
  9. ECharts图表tooltip显示时超出canvas图层解决方法
  10. 二叉树叶子结点个数——C++
  11. Office基础操作:如何去掉Word参考文献编号后的空格
  12. 堆排序算法(图解详细流程)
  13. Java类和对象:private/public/friendly/封装
  14. Qlikview---集合分析
  15. 高并发系统设计:消息队列的三大作用:削峰填谷、异步处理、模块解耦
  16. 二叉树的ZigZag打印-Java
  17. 手把手教您JbuliderX+Tomcat5.0的配置
  18. java 字符串驻留_JAVA 字符串驻留池
  19. Objective-C 编程语言(4)) 协议---声明由别人实现的接口,由别人来实现的方法,为匿名对象声明接口
  20. 在团队中如何带领新员工

热门文章

  1. 网络实验之VTP协议
  2. 麻省理工时域差分软件 MEEP windows 下编译开发(一)——准备工作
  3. linux系统参数之ip_local_port_range、tcp_max_tw_buckets、tcp_tw_reuse
  4. python解析pdf文件
  5. RedFlag Linux忘记root密码解决办法
  6. 转换html文档后打不开,HTML文件打不开怎么办?win10打不开HTML文件解决方法
  7. 用dumpcpp工具生成的excel.h/excel.cpp来操纵Excel
  8. Windows下解决TerminateThread终止线程导致死锁问题
  9. 笔记:JavaScript逆向爬虫
  10. 专利代理人信息查询网站