From edb8348251486780779b93b460560301374f5e6c Mon Sep 17 00:00:00 2001 From: palak Date: Wed, 1 Nov 2017 17:59:52 +0530 Subject: [PATCH] update timer --- css/custom.css | 8 ++ pages/registration.html | 38 +++++----- script.js | 197 +++++++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 220 insertions(+), 23 deletions(-) diff --git a/css/custom.css b/css/custom.css index 162ccc6..21cccf2 100644 --- a/css/custom.css +++ b/css/custom.css @@ -1155,8 +1155,16 @@ input.hidden { font-weight: normal; margin-bottom: 0; } + +.no, .no:hover, .no:focus { + background-color:red !important; + border-color: red !important; +} + .button-aligment{ margin-top: 5px; + background-color: red; + border-color: red; } .card-text { clear: both; diff --git a/pages/registration.html b/pages/registration.html index 5071738..bfe1723 100644 --- a/pages/registration.html +++ b/pages/registration.html @@ -11,8 +11,6 @@
- -

Please select one city.

@@ -28,10 +26,10 @@
- +
- +
Location @@ -50,10 +48,10 @@
- +
- +
Location @@ -72,10 +70,10 @@
- +
- +
Location @@ -94,10 +92,10 @@
- +
- +
Location @@ -121,10 +119,10 @@
- +
- +
Location @@ -143,10 +141,10 @@
- +
- +
Location @@ -165,10 +163,10 @@
- +
- +
Location @@ -187,10 +185,10 @@
- +
- +
Location @@ -209,10 +207,10 @@
- +
- +
Location diff --git a/script.js b/script.js index 94160a0..8d62ecc 100644 --- a/script.js +++ b/script.js @@ -59,14 +59,13 @@ hide: false }; - - var countDownDate = new Date("Nov 9, 2017 00:00:00").getTime(); + var chennai = new Date("Nov 7, 2017 00:00:00").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get todays date and time var now = new Date().getTime(); // Find the distance between now an the count down date - var distance = countDownDate - now; + var distance = chennai - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); @@ -84,6 +83,198 @@ } }, 1000); + var pune = new Date("Nov 9, 2017 00:00:00").getTime(); + // Update the count down every 1 second + var x = setInterval(function() { + // Get todays date and time + var now = new Date().getTime(); + // Find the distance between now an the count down date + var distance = pune - now; + // Time calculations for days, hours, minutes and seconds + 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); + $scope.timer = days + "d " + hours + "h " + + minutes + "m " + seconds + "s " + // Output the result in an element with id="demo" + document.getElementById("pune").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + // If the count down is over, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("pune").innerHTML = "EXPIRED"; + } + }, 1000); + + var mumbai = new Date("Nov 11, 2017 00:00:00").getTime(); + // Update the count down every 1 second + var x = setInterval(function() { + // Get todays date and time + var now = new Date().getTime(); + // Find the distance between now an the count down date + var distance = mumbai - now; + // Time calculations for days, hours, minutes and seconds + 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); + $scope.timer = days + "d " + hours + "h " + + minutes + "m " + seconds + "s " + // Output the result in an element with id="demo" + document.getElementById("mumbai").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + // If the count down is over, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("mumbai").innerHTML = "EXPIRED"; + } + }, 1000); + + var ahmedabad = new Date("Nov 13, 2017 00:00:00").getTime(); + // Update the count down every 1 second + var x = setInterval(function() { + // Get todays date and time + var now = new Date().getTime(); + // Find the distance between now an the count down date + var distance = ahmedabad - now; + // Time calculations for days, hours, minutes and seconds + 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); + $scope.timer = days + "d " + hours + "h " + + minutes + "m " + seconds + "s " + // Output the result in an element with id="demo" + document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + // If the count down is over, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("ahmedabad").innerHTML = "EXPIRED"; + } + }, 1000); + + var jaipur = new Date("Nov 15, 2017 00:00:00").getTime(); + // Update the count down every 1 second + var x = setInterval(function() { + // Get todays date and time + var now = new Date().getTime(); + // Find the distance between now an the count down date + var distance = jaipur - now; + // Time calculations for days, hours, minutes and seconds + 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); + $scope.timer = days + "d " + hours + "h " + + minutes + "m " + seconds + "s " + // Output the result in an element with id="demo" + document.getElementById("jaipur").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + // If the count down is over, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("jaipur").innerHTML = "EXPIRED"; + } + }, 1000); + + var delhi = new Date("Nov 17, 2017 00:00:00").getTime(); + // Update the count down every 1 second + var x = setInterval(function() { + // Get todays date and time + var now = new Date().getTime(); + // Find the distance between now an the count down date + var distance = delhi - now; + // Time calculations for days, hours, minutes and seconds + 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); + $scope.timer = days + "d " + hours + "h " + + minutes + "m " + seconds + "s " + // Output the result in an element with id="demo" + document.getElementById("delhi").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + // If the count down is over, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("delhi").innerHTML = "EXPIRED"; + } + }, 1000); + + var bangalore = new Date("Nov 19, 2017 00:00:00").getTime(); + // Update the count down every 1 second + var x = setInterval(function() { + // Get todays date and time + var now = new Date().getTime(); + // Find the distance between now an the count down date + var distance = bangalore - now; + // Time calculations for days, hours, minutes and seconds + 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); + $scope.timer = days + "d " + hours + "h " + + minutes + "m " + seconds + "s " + // Output the result in an element with id="demo" + document.getElementById("bangalore").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + // If the count down is over, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("bangalore").innerHTML = "EXPIRED"; + } + }, 1000); + + var hyderabad = new Date("Nov 21, 2017 00:00:00").getTime(); + // Update the count down every 1 second + var x = setInterval(function() { + // Get todays date and time + var now = new Date().getTime(); + // Find the distance between now an the count down date + var distance = hyderabad - now; + // Time calculations for days, hours, minutes and seconds + 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); + $scope.timer = days + "d " + hours + "h " + + minutes + "m " + seconds + "s " + // Output the result in an element with id="demo" + document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + // If the count down is over, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("hyderabad").innerHTML = "EXPIRED"; + } + }, 1000); + + var chandigarh = new Date("Nov 29, 2017 00:00:00").getTime(); + // Update the count down every 1 second + var x = setInterval(function() { + // Get todays date and time + var now = new Date().getTime(); + // Find the distance between now an the count down date + var distance = chandigarh - now; + // Time calculations for days, hours, minutes and seconds + 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); + $scope.timer = days + "d " + hours + "h " + + minutes + "m " + seconds + "s " + // Output the result in an element with id="demo" + document.getElementById("chandigarh").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + // If the count down is over, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("chandigarh").innerHTML = "EXPIRED"; + } + }, 1000); + $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/ // $scope.Textshow = "yes" -- 2.0.0