404自动跳转主页的实现

最新推荐文章于 2022-10-24 09:47:42 发布

快乐柠檬

最新推荐文章于 2022-10-24 09:47:42 发布

阅读量5.9k

点赞数 2

分类专栏：网页前端文章标签：自动跳转 5秒 404

本文链接：https://blog.csdn.net/limenghua9112/article/details/45478899

版权

网页前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
	var num = 5;
	function redirect() {
		num--;
		document.getElementById("num").innerHTML=num;
		if (num < 0) {
			document.getElementById("num").innerHTML = 0;
			location.href = "login.html";
		}
	}
	setInterval("redirect()", 1000);
</script>

<body>
	<div class="admin-content">
		<div class="am-cf am-padding">
			<div class="am-fl am-cf">
				<strong class="am-text-primary am-text-lg">404</strong> / <small>That’s an error</small>
			</div>
		</div>

		<div class="am-g">
			<div class="am-u-sm-12">
				<h2 class="am-text-center am-text-xxxl am-margin-top-lg">404. Not Found</h2>
				<p class="am-text-center">
					没有找到你要的页面
				</p>
				<p class="am-text-center">
					<span id="num">5</span>秒后自动跳转到首页<a href="login.html">马上跳转</a>
				</p>
				<pre class="page-404">          .----.
       _.'__    `.
   .--($)($$)---/#\
 .' @          /###\
 :         ,   #####
  `-..__.-' _.-\###/
        `;_:    `"'
      .'"""""`.
     /,  ya ,\\
    //  404!  \\
    `-._______.-'
    ___`. | .'___
   (______|______)
        </pre>
			</div>
		</div>
	</div>
</body>

效果：