非原创

 1 <script type="text/javascript">
 2     var num = 5;
 3     function redirect() {
 4         num--;
 5         document.getElementById("num").innerHTML=num;
 6         if (num < 0) {
 7             document.getElementById("num").innerHTML = 0;
 8             location.href = "login.html";
 9         }
10     }
11     setInterval("redirect()", 1000);
12 </script> 

 1 <body>
 2     <div class="admin-content">
 3         <div class="am-cf am-padding">
 4             <div class="am-fl am-cf">
 5                 <strong class="am-text-primary am-text-lg">404</strong> / <small>That’s an error</small>
 6             </div>
 7         </div>
 8
 9         <div class="am-g">
10             <div class="am-u-sm-12">
11                 <h2 class="am-text-center am-text-xxxl am-margin-top-lg">404. Not Found</h2>
12                 <p class="am-text-center">
13                     没有找到你要的页面
14                 </p>
15                 <p class="am-text-center">
16                     <span id="num">5</span>秒后自动跳转到首页<a href="login.html">马上跳转</a>
17                 </p>
18                 <pre class="page-404">          .----.
19        _.'__    `.
20    .--($)($$)---/#\
21  .' @          /###\
22  :         ,   #####
23   `-..__.-' _.-\###/
24         `;_:    `"'
25       .'"""""`.
26      /,  ya ,\\
27     //  404!  \\
28     `-._______.-'
29     ___`. | .'___
30    (______|______)
31         </pre>
32             </div>
33         </div>
34     </div>
35 </body>  

效果

转载于:https://www.cnblogs.com/1032473245jing/p/8286855.html

js 404页面跳转相关推荐

  1. js实现页面跳转重定向的几种方式

    转载自  js实现页面跳转重定向的几种方式 这篇文章主要介绍js实现页面跳转重定向的几种方式,需要的朋友可以参考下 第一种: <script language="javascript& ...

  2. js 控制页面跳转的5种方法

    js 控制页面跳转的5种方法 编程式导航: 点击跳转路由,称编程式导航,用js编写代码跳转. History是bom中的History.back是回退一页Histiory.go(1)前进一页Histo ...

  3. JS 实现页面跳转的几种方法

    JS 实现页面跳转的几种方法 要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html) <script languag ...

  4. 小程序-js进行页面跳转

    js进行页面跳转 微信小程序 跳转页面 wx.navigateTo({}): wx.navigateTo({ //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)后续可以 ...

  5. Jsp页面跳转和js控制页面跳转的几种方法

    Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servle ...

  6. js带参数跳转php,JS实现页面跳转参数不丢失的方法

    本文实例讲述了JS实现页面跳转参数不丢失的方法.分享给大家供大家参考,具体如下: 需求:页面编辑后,返回列表页面,参数不丢失,能够记住页数以及筛选条件. 我坚信,不管白猫黑猫,能捉到耗子的就是好猫,当 ...

  7. [HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文)

    原文地址为: [HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文) 要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种: ...

  8. 404页面跳转到其他页面的安全做法

    一个网站做久了难免会改版或者删除一些内容,这个时候就会出现大量的404页面,如果访客来了,看见一个404页面,我相信99%的人都会离开,哪怕页面上放了首页的链接,没人会点击.这样会流失很多ip.但是如 ...

  9. nuxt页面跳转_Nuxt.js错误页面跳转可能出现的问题

    在我们的编程开发中,需要考虑 404 .500.连接超时(服务器关闭)是非常常见的手段. 首先我们知道的两种错误跳转知识: 有2种方式处理错误页面 方式1:默认路径,_.vue .(先执行) 方式2: ...

最新文章

  1. IM4Java + GraphicsMagick 实现高清图片剪裁处理
  2. 一口气,米哈游连告B站7次
  3. Python学习二——变量和简单数据类型
  4. 【N版】openstack——认证服务keystone(三)
  5. CXF 入门:创建一个基于SOAPHeader的安全验证(CXF拦截器使用)
  6. SpringAMQP--WorkQueue模型
  7. IOS 5 中@synthesize window = _window是什么意思呢
  8. react学习(28)---react中componentWillReceiveProps
  9. mysql数据库中文显示_关于Mysql数据库中文显示问题
  10. python 登录接口_使用python编写一个登录接口
  11. 华硕怎么安装linux系统教程,华硕笔记本系统如何安装win10和linux 双系统
  12. Python实现文字合成音频文件
  13. PPT表格要怎样让设计秒变高级
  14. gps面积测量仪手机版下载安装_GPS面积测量仪手机版下载
  15. java.lang.InstantiationException: can't instantiate class
  16. 微信JS-SDK实现自定义分享功能,分享给朋友,分享到朋友圈及QQ自定义分享--微信分享
  17. javascript技巧收集(200多个)
  18. C#基础+面向对象学习
  19. mathcad使用小结
  20. matlab中0.1见方,square,square怎么读?

热门文章

  1. Go 学习笔记(70)— Go 变量声明、变量初始化、值类型变量赋值、指针类型变量赋值
  2. Redis 笔记(01)— 安装、启动配置、开启远程连接、设置密码、远程连接
  3. 人要懂得放下已经发生,却又无法改变的事情
  4. win10系统的“管理员”
  5. 超详细中文预训练模型ERNIE使用指南-源码
  6. 生成树计数Matrix-Tree定理-数学
  7. pytorch之Tensor与Variable的区别
  8. 8080CPU寄存器划分
  9. TensorFlow Keras API用法
  10. TensorRT深度学习训练和部署图示