count-down/index.html at master · QAQ2770/count-down · GitHub

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zh_CN">

<head>
	<title>高考倒计时</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="keywords"
		content="Launching Soon Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design">
	<!-- font files -->
	<link rel="stylesheet" href="./css/font.css">
	<!-- /font files -->
	<!-- css files -->
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
	<link rel="stylesheet" href="css/dscountdown.css" type="text/css" media="all">
	<!-- /css files -->

	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script><!-- Supportive-JavaScript -->
	<script src="js/imageresources.js"></script>
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<![endif]-->
</head>

<body>
	<div class="img-resource">
		<img src="images/cloud.png">
		<img src="images/blackcloud.png">
	</div>
	<div class="city-select">
		<select id="provinces"></select>
		<select id="cities"></select>
		<select id="areas"></select>
	</div>
	<div class="container demo-1">
		<div class="content">
			<div id="large-header" class="large-header">
				<div class="startfirework">
					<div id="background" class="background">
						<canvas class="weather-cloud-canvas"></canvas>
						<canvas class="weather-drop-canvas"></canvas>
						<canvas class="weather-snow-canvas"></canvas>
						<canvas id="demo-canvas"></canvas>
					</div>
				</div>
				<div class="w3ls-main-title">
					<h1 id="titleText">高考倒计时</h1>
					<div class="dsCountDownContainer">
						<div class="demo2"></div>
					</div>
					<!--newsletter-->
					<div class="w3layouts-newsletter">
						<h2 id="inspireContent">未来的你，一定会感谢现在拼命的自己。</h2>
						<h2>高考加油，未来加油！</h2>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!-- /main-section -->
	<!-- Counter required files -->
	<script type="text/javascript" src="js/firework.js"></script>
	<script type="text/javascript" src="js/dscountdown.min.js"></script>
	<script src="js/axios.min.js"></script>
	<!-- 天气有关控件绑定 -->
	<script src="js/weatherwidget.js"></script>
	<!-- 所有天气 -->
	<!-- 1.带云天气 -->
	<script src="js/weathercloud.js"></script>
	<!-- 2.雨类天气 -->
	<script src="js/weatherrain.js"></script>
	<!-- 3.雪类天气 -->
	<script src="js/weathersnow.js"></script>
	<!-- 天气控制 -->
	<script src="js/weathercontrol.js"></script>
	<script>
		var titleText = document.getElementById("titleText");
		var getMonth = new Date().getMonth() + 1;
		var getDate = new Date().getDate();
		var year = new Date().getFullYear();
		var hour = new Date().getHours();
		var minute = new Date().getMinutes();
		var startHour = 9;
		var month = 6;
		var firstDate = 7;
		var secondDate = 8;
		var lastDate = 9;
		if (getMonth === month && getDate === firstDate && hour >= startHour ||
			getMonth === month && getDate === secondDate ||
			getMonth === month && getDate === lastDate) {
			if (getMonth <= month && getDate <= lastDate && hour <= 18 && minute < 15 ||
				getMonth <= month && getDate <= lastDate && hour < 18 && minute >= 15 ||
				getMonth <= month && getDate < lastDate && hour >= 18 && minute < 15 ||
				getMonth <= month && getDate < lastDate && hour >= 18 && minute >= 15) {
				titleText.textContent = "距离" + year + "年高考结束剩余";
				jQuery(document).ready(function ($) {
					$('.demo2').dsCountDown({
						endDate: new Date("6, 9, " + year + " 18:15:00"),
						theme: 'black'
					});
				});
			}
			else {
				year = year + 1;
				titleText.textContent = year + "届考生高考倒计时";
				jQuery(document).ready(function ($) {
					$('.demo2').dsCountDown({
						endDate: new Date("6, 7, " + year + " 09:00:00"),
						theme: 'black'
					});
				});
			}

		}
		else {
			if (getMonth <= month && getDate <= lastDate ||
				getMonth < month && getDate > lastDate) {
				titleText.textContent = year + "届考生高考倒计时";
				jQuery(document).ready(function ($) {
					$('.demo2').dsCountDown({
						endDate: new Date("6, 7, " + year + " 09:00:00"),
						theme: 'black'
					});
				});
			}
			else {
				year = year + 1;
				titleText.textContent = year + "届考生高考倒计时";
				jQuery(document).ready(function ($) {
					$('.demo2').dsCountDown({
						endDate: new Date("6, 7, " + year + " 09:00:00"),
						theme: 'black'
					});
				});
			}
		}
	</script>
	<!-- //Counter required files -->
	<!-- js files -->
	<script src="js/rAF.js"></script>
	<script src="js/demo-2.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.fireworks.js"></script>
	<!-- /js files -->
</body>

</html>