-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (88 loc) · 4.27 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head lang="zh">
<meta charset="UTF-8">
<meta name="keywords" content="sudsier,sudsier个人网站,个人网站" />
<!--搜索引擎识别代码-->
<meta name="sogou_site_verification" content="oX2aZK2vEs"/>
<meta name="google-site-verification" content="Z9iqPgdBeigTbJYJPYb4GxNGT2hchyrAMExFHicwVQg" />
<title>Sudsier个人主页</title>
<!--网页大小自适应-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes">
<!--title旁的logo-->
<link rel="shortcut icon" href="/favicon.png" type="image/x-icon" media="screen" />
<!--调用main.css-->
<link rel="stylesheet" type="text/css" href="/css/main.css" />
<style>
.box {
border:2px solid #FF6750;
padding:10px 8px;
background:#FFFFFF;
border-radius:5px;
-moz-border-radius:7px; /* 老的 Firefox */
}
.sbox {
margin-top: 15px;
padding: 10px 10px;
background-color: #FF775D
}
</style>
<script data-ad-client="ca-pub-7993350012789521" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
// 设定我们倒计时的日期
var countDownDate = new Date("10 1, 2020 00:00:00").getTime();
// 每1秒更新倒计时
var x = setInterval(function() {
// 获取今天的日期和时间
var now = new Date().getTime();
// 计算出从现在到倒计时日期之间的时间距离
var distance = countDownDate - now;
// 天、小时、分钟和秒的时间计算
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// 输出
document.getElementById("d").innerHTML = days;
document.getElementById("h").innerHTML = hours;
document.getElementById("m").innerHTML = minutes;
document.getElementById("s").innerHTML = seconds;
var qixi = document.getElementById("qixi");
// 如果倒计时结束，提示文字
if (distance <= 1) {
clearInterval(x);
document.getElementById("jishi").innerHTML = "节日快乐！";
jishi.style.color="#E52000";
}
}, 1000);
</script>
</head>
<body>
<script src="/js/navigation.js"></script>
<div class="frame">
<div style="color: #222;margin-bottom: 20px">
<div style="font-size: 40px ;color:#E2331D">中秋&国庆节</div>
<div id="jishi" style="font-size: 22px">
<a style="font-size: 16px">倒计时 </a><a id="d"></a><a style="font-size: 16px"> 天 </a><a id="h"><a style="font-size: 16px"> 时 </a><a id="m"></a><a style="font-size: 16px"> 分 </a><a id="s"></a><a style="font-size: 16px"> 秒</a></div><div><a style="font-size: 14px">2020年10月1日  庚子(鼠)年八月十五</a>
</div>
</div>
<div class="box">
<div class="img" style="height: 150px;">
<img src="//sudsier.gitee.io/webimg/headimg.png" style="height: 150px;" alt="headimg.png">
</div>
<div style="text-indent: 2em;font-family:courier">欢迎来到Sudsier（苏德西尔）的个人网站，本网站是一个综合性的网站，点击左上角的侧边栏导航条或顶部的导航条可快速到达您想看的内容哦~
</div>
</div>
<div class="sbox">
<div style="font-size: 30px"><a href="/doc" style="color: #111">文档</a></div>
<a style="color: #333">  这是一个综合性的内容页面。文档页目前分为“法律文件”和“时政新闻”两部分。<br>  由于某些原因，该页面长时间未更新，因此页面看起来会有些奇怪，我们会尽快更新。</a>
<hr style="background-color:#111;height:1px;border:none;">
<div style="font-size: 30px"><a href="/vcip" style="color: #111">视频在版编目</a></div>
<a style="color: #333">  这里列出了Sudsier发布在bilibili上的所有视频的相关信息。</a>
</div>
<hr style="background-color:#F02000;height:2px;border:none;">
<p style="text-align:center;font-size:20px;">本页面正在创建中</p>
</div>
<script src="/js/footer.js"></script>
</body>
</html>