Commit 2f9a206452dfbfcc9224896f7339e6abe237d621
1 parent
c62ba35d65
Exists in
master
and in
1 other branch
add timer
Showing
3 changed files
with
36 additions
and
11 deletions
Show diff stats
pages/Home.html
... | ... | @@ -60,8 +60,7 @@ |
60 | 60 | </div> |
61 | 61 | </div><br> |
62 | 62 | <div class="col-sm-12" style="text-align:center"> |
63 | - <b>Fee: Idea stage ₹500 + GST/ Product stage ₹1000 + GST/ Growth stage ₹1000+ GST *</b><br><br> | |
64 | - <b>Deadline: 7 November 2017</b> | |
63 | + <b>Fee: Idea stage ₹500 + GST/ Product stage ₹1000 + GST/ Growth stage ₹1000+ GST *</b> | |
65 | 64 | </div> |
66 | 65 | </div><br> |
67 | 66 | <div style="text-align:center"> | ... | ... |
pages/registration.html
... | ... | @@ -12,6 +12,7 @@ |
12 | 12 | </div> |
13 | 13 | <!-- CLOSE HEADER --> |
14 | 14 | |
15 | + | |
15 | 16 | <div class="col-xs-12 col-md-10 col-md-offset-1"> |
16 | 17 | <p class="select-stage" style="font-size:16px;"><b>Please select one city.</b></p> |
17 | 18 | <div class="stage-shadow"> |
... | ... | @@ -30,7 +31,7 @@ |
30 | 31 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="register('chennai')">Apply</button> |
31 | 32 | </div> |
32 | 33 | <div class="clearfix"></div> |
33 | - <label class="card-sub-title">Deadline:6th November,2017*</label> | |
34 | + <label class="card-sub-title">Deadline:<span id="chennai"></span>*</label> | |
34 | 35 | </div> |
35 | 36 | <div class="card-text2"> |
36 | 37 | <span><b>Location</b></span> |
... | ... | @@ -52,7 +53,7 @@ |
52 | 53 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('pune')">Apply</button> |
53 | 54 | </div> |
54 | 55 | <div class="clearfix"></div> |
55 | - <label class="card-sub-title">Deadline:8th November,2017*</label> | |
56 | + <label class="card-sub-title">Deadline:9th November,2017*</label> | |
56 | 57 | </div> |
57 | 58 | <div class="card-text2"> |
58 | 59 | <span><b>Location</b></span> |
... | ... | @@ -74,7 +75,7 @@ |
74 | 75 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('mumbai')">Apply</button> |
75 | 76 | </div> |
76 | 77 | <div class="clearfix"></div> |
77 | - <label class="card-sub-title">Deadline:10th November,2017*</label> | |
78 | + <label class="card-sub-title">Deadline:11th November,2017*</label> | |
78 | 79 | </div> |
79 | 80 | <div class="card-text2"> |
80 | 81 | <span><b>Location</b></span> |
... | ... | @@ -96,7 +97,7 @@ |
96 | 97 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('ahmedabad')">Apply</button> |
97 | 98 | </div> |
98 | 99 | <div class="clearfix"></div> |
99 | - <label class="card-sub-title">Deadline:12th November,2017*</label> | |
100 | + <label class="card-sub-title">Deadline:13th November,2017*</label> | |
100 | 101 | </div> |
101 | 102 | <div class="card-text2"> |
102 | 103 | <span><b>Location</b></span> |
... | ... | @@ -123,7 +124,7 @@ |
123 | 124 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('jaipur')">Apply</button> |
124 | 125 | </div> |
125 | 126 | <div class="clearfix"></div> |
126 | - <label class="card-sub-title">Deadline:14th November,2017*</label> | |
127 | + <label class="card-sub-title">Deadline:15th November,2017*</label> | |
127 | 128 | </div> |
128 | 129 | <div class="card-text2"> |
129 | 130 | <span><b>Location</b></span> |
... | ... | @@ -145,7 +146,7 @@ |
145 | 146 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('delhi')">Apply</button> |
146 | 147 | </div> |
147 | 148 | <div class="clearfix"></div> |
148 | - <label class="card-sub-title">Deadline:16th November,2017*</label> | |
149 | + <label class="card-sub-title">Deadline:17th November,2017*</label> | |
149 | 150 | </div> |
150 | 151 | <div class="card-text2"> |
151 | 152 | <span><b>Location</b></span> |
... | ... | @@ -167,7 +168,7 @@ |
167 | 168 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('bangalore')">Apply</button> |
168 | 169 | </div> |
169 | 170 | <div class="clearfix"></div> |
170 | - <label class="card-sub-title">Deadline:18th November,2017*</label> | |
171 | + <label class="card-sub-title">Deadline:19th November,2017*</label> | |
171 | 172 | </div> |
172 | 173 | <div class="card-text2"> |
173 | 174 | <span><b>Location</b></span> |
... | ... | @@ -189,7 +190,7 @@ |
189 | 190 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('hyderabad')">Apply</button> |
190 | 191 | </div> |
191 | 192 | <div class="clearfix"></div> |
192 | - <label class="card-sub-title">Deadline:20th November,2017*</label> | |
193 | + <label class="card-sub-title">Deadline:21st November,2017*</label> | |
193 | 194 | </div> |
194 | 195 | <div class="card-text2"> |
195 | 196 | <span><b>Location</b></span> |
... | ... | @@ -211,7 +212,7 @@ |
211 | 212 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('chandigarh')">Apply</button> |
212 | 213 | </div> |
213 | 214 | <div class="clearfix"></div> |
214 | - <label class="card-sub-title">Deadline:28th November,2017*</label> | |
215 | + <label class="card-sub-title">Deadline:29th November,2017*</label> | |
215 | 216 | </div> |
216 | 217 | <div class="card-text2"> |
217 | 218 | <span><b>Location</b></span> | ... | ... |
script.js
... | ... | @@ -59,6 +59,31 @@ |
59 | 59 | hide: false |
60 | 60 | }; |
61 | 61 | |
62 | + | |
63 | + var countDownDate = new Date("Nov 9, 2017 00:00:00").getTime(); | |
64 | + // Update the count down every 1 second | |
65 | + var x = setInterval(function() { | |
66 | + // Get todays date and time | |
67 | + var now = new Date().getTime(); | |
68 | + // Find the distance between now an the count down date | |
69 | + var distance = countDownDate - now; | |
70 | + // Time calculations for days, hours, minutes and seconds | |
71 | + var days = Math.floor(distance / (1000 * 60 * 60 * 24)); | |
72 | + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); | |
73 | + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); | |
74 | + var seconds = Math.floor((distance % (1000 * 60)) / 1000); | |
75 | + $scope.timer = days + "d " + hours + "h " | |
76 | + + minutes + "m " + seconds + "s " | |
77 | + // Output the result in an element with id="demo" | |
78 | + document.getElementById("chennai").innerHTML = days + "d " + hours + "h " | |
79 | + + minutes + "m " + seconds + "s "; | |
80 | + // If the count down is over, write some text | |
81 | + if (distance < 0) { | |
82 | + clearInterval(x); | |
83 | + document.getElementById("chennai").innerHTML = "EXPIRED"; | |
84 | + } | |
85 | + }, 1000); | |
86 | + | |
62 | 87 | $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ |
63 | 88 | $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ |
64 | 89 | // $scope.Textshow = "yes" | ... | ... |