clock/index.html at main · Starbroke/clock · 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
<html>
 <head>
  <link rel="stylesheet" href="www.lookcos.cn.css" />
  <script src="jquery.min.js"></script>
  <script src="www.lookcos.cn.js"></script>
  <style type="text/css">
<!--
.STYLE2 {font-family: Consolas}
.STYLE3 {font-size: 36px}
-->
  </style>
</head>
 <body>
  <div class="STYLE4" id="clock">
    <h2 style="color:ffffff;" class="time">距离<l id="te"></l>年高考仅有</h2>
    <script type="text/javascript">
	var mytime=new Date();
	mytime.setFullYear(new Date().getFullYear(),5,7);
	if (new Date() > mytime)
	{
		nowyear = new Date().getFullYear() + 1 ;
		document.getElementById('te').innerHTML=nowyear;
	}
	else
	{
		nowyear = new Date().getFullYear() ;
		document.getElementById('te').innerHTML=nowyear;
	}
</script>
    <span class="STYLE4"></span>
   <p class="date"> </p>
   <div class="clock" style="margin:2em;"></div>
   <p></p>
   <p>&nbsp;</p>
   <p class="flip-clock-wrapper STYLE2 STYLE3"></p>
   <p></p>
  </div>
  <script type="text/javascript">
			var clock;

			$(document).ready(function() {
	var myDate=new Date();
	myDate.setFullYear(myDate.getFullYear(),5,7);
	if (new Date() > myDate)
	{
	var	year=new Date().getFullYear(),month=6,day=7;
	var futureDate = new Date(year+1, month-1, day, 9);
	var diff = futureDate.getTime() / 1000 - new Date().getTime() / 1000;
	}
	else
	{
	var	year=new Date().getFullYear(),month=6,day=7;
	var futureDate = new Date(year, month-1, day, 9);
	var diff = futureDate.getTime() / 1000 - new Date().getTime() / 1000;
	}
				clock = $('.clock').FlipClock(diff, {
					clockFace: 'DailyCounter',
					countdown: true
				});
			});
		</script>
 </body>
</html>