<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="keywords" content="your keywords">
    <meta name="description" content="your description">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <style>
        .box{
            height: 100vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        .box .wrap h1{
            font-weight: bold;
            font-size: 200px;
            color: #444446;
            margin: 0 0 10px;
        }
        .box .wrap .p1{
            font-weight: bold;
            font-size: 36px;
            color: #444446;
        }
        .box .wrap .p2{
            font-weight: normal;
            font-size: 16px;
            color: #444446;
            margin: 40px 0;
        }
        .box .wrap .p3{
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: normal;
            font-size: 16px;
            color: #000000;
        }
        .box .wrap .p3 a{
          color: #0F7CD8;
            text-decoration: none;
        }
        .box .wrap .p3 span{
            margin: 0 5px 0 0;
        }
        body{
            overflow: hidden;
        }
    </style>
</head>
<body>
<div class="box">
   <div class="wrap">
       <h1>404</h1>
       <div class="p1">PAGE NOT FOUNT</div>
       <div class="p2">404 page message</div>
       <div class="p3"><span class="count">5</span>秒后 <a href="/">返回首页</a></div>
   </div>
</div>
</body>
<script>
var count = 5;
var timer = setInterval(function () {
    count--
    document.querySelector('.count').innerHTML = count
    if (count === 0) {
        clearInterval(timer)
        setTimeout(function () {
            window.location.href = '/'
        },100)
    }
},1000)
</script>
</html>
