﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>页面找不到了- 托马斯教育官网</title>

<link href="https://fonts.googleapis.com/css?family=Righteous&display=swap" rel="stylesheet">

<link rel="stylesheet" href="../../404/css/style.css">
<script>
			
function countDown(){
	
//获取初始时间
				
var time = document.getElementById("Time");
				
				
//获取到id为time标签中的数字时间
				
if(time.innerHTML == 0){
					
//等于0时清除计时，并跳转该指定页面
					
window.location.href="http://www.thomasbk.com";
				
}else{
					
time.innerHTML = time.innerHTML-1;
				
}
			}
			
//1000毫秒调用一次
			

window.setInterval("countDown()",1000);
		
</script>
	
</head>
<body>

<div class="moon"></div>
<div class="moon__crater moon__crater1"></div>
<div class="moon__crater moon__crater2"></div>
<div class="moon__crater moon__crater3"></div>

<div class="star star1"></div>
<div class="star star2"></div>
<div class="star star3"></div>
<div class="star star4"></div>
<div class="star star5"></div>

<div class="error">
  <div class="error__title">404</div>
  <div class="error__subtitle">Hmmm...</div>
  <div class="error__description">很抱歉，这个网页找不到了!</div>
  <div class="error__description"><font color="red"><a id="Time" >5</a></font>秒后跳转至首页。</div>
  <a href="/default.html"><button class="error__button error__button--active">返回首页</button></a>
  <a href="/about.html"><button class="error__button">联系我们</button></a>

</div>

<div class="astronaut">
  <div class="astronaut__backpack"></div>
  <div class="astronaut__body"></div>
  <div class="astronaut__body__chest"></div>
  <div class="astronaut__arm-left1"></div>
  <div class="astronaut__arm-left2"></div>
  <div class="astronaut__arm-right1"></div>
  <div class="astronaut__arm-right2"></div>
  <div class="astronaut__arm-thumb-left"></div>
  <div class="astronaut__arm-thumb-right"></div>
  <div class="astronaut__leg-left"></div>
  <div class="astronaut__leg-right"></div>
  <div class="astronaut__foot-left"></div>
  <div class="astronaut__foot-right"></div>
  <div class="astronaut__wrist-left"></div>
  <div class="astronaut__wrist-right"></div>
  
  <div class="astronaut__cord">
    <canvas id="cord" height="500px" width="500px"></canvas>
  </div>
  
  <div class="astronaut__head">
    <canvas id="visor" width="60px" height="60px"></canvas>
    <div class="astronaut__head-visor-flare1"></div>
    <div class="astronaut__head-visor-flare2"></div>
  </div>
</div>

<script  src="../../404/js/script.js"></script>

</body>
</html>
