ForLearning/Timer.html at main · GiTeam/ForLearning · 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
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">

		<link rel="stylesheet" href="timer.css">
		<link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
		<script src="/timer.js"></script>
		<title>Timer</title>
	</head>

	<body>
		<section class="timer">
			<div class="timerBlock">
				<div class="timerAtom days">
					<p>08</p>
				</div>
				<p>days</p>
			</div>
			<div class="timerBlock">
				<div class="timerAtom hours">
					<p>23</p>
				</div>
				<p>hours</p>
			</div>
			<div class="timerBlock">
				<div class="timerAtom minutes">
					<p>17</p>
				</div>
				<p>minutes</p>
			</div>
			<div class="timerBlock">
				<div class="timerAtom seconds">
					<p>17</p>
				</div>
				<p>seconds</p>
			</div>
		</section>


		<script>

			alert("1");
			var $timer = $(".timer");
			var $timerH = $timer.find(".hours>p");
			$timerH.text("22");


		</script>
		<input type="button" >

	</body>
</html>