From 3d6f2e46400379bc512c6fb7c7394fbee9e60d76 Mon Sep 17 00:00:00 2001
From: raylu <raylu@mixpanel.com>
Date: Wed, 7 Dec 2011 22:25:20 -0800
Subject: make countdown timer a little more accurate

---
 pages/home.php | 59 +++++++++++++++++++++++++---------------------------------
 1 file changed, 25 insertions(+), 34 deletions(-)

(limited to 'pages')

diff --git a/pages/home.php b/pages/home.php
index ef3438c..815f8fd 100644
--- a/pages/home.php
+++ b/pages/home.php
@@ -116,43 +116,34 @@ $mergesolution = $map;
 	<div id="fb">
 	</div>
 <?PHP
-$timediff = strtotime("tomorrow") - strtotime("now");
+$timerem = strtotime("tomorrow") - strtotime("now");
 ?>
-<script type="text/javascript">
-var countdownInt=self.setInterval("countdown()", 1000);
-var timerem = <? echo $timediff; ?>;
-
-function countdown() {
-	var hours;
-	var minutes;
-	var seconds;
-	var stamp;
-	if (timerem < 1)
-		window.clearInterval(countdownInt);
-	hours = Math.floor(timerem / 3600);
-	minutes = Math.floor((timerem - (hours * 3600)) / 60);
-	seconds = timerem % 60;
-	
-	hours = addZero(hours);
-	minutes = addZero(minutes);
-	seconds = addZero(seconds);
-	
-	stamp = hours + ":" + minutes + ":" + seconds;
-	document.getElementById("countdown").innerHTML = stamp;
-	
-	timerem--;
-}
-
-function addZero(num) {
-	var numStr = num + '';
-	if (numStr.length < 2)
-		numStr = "0" + numStr;
-	return numStr;
-}
-</script> 
 	<div style='text-align: center; margin-top: 5px'>
-	New maps in: <span id="countdown">00:00:00</span>
+		New maps in: <span id="countdown">00:00:00</span>
 	</div>
+	<script type="text/javascript">
+	var countdownInt = self.setInterval(countdown, 1000);
+	var tomorrow = new Date().getTime() + <? echo $timerem; ?> * 1000;
+
+	function countdown() {
+		var now = new Date();
+		var timerem = new Date(tomorrow - now + now.getTimezoneOffset() * 60 * 1000);
+		if (timerem < 1000)
+			window.clearInterval(countdownInt);
+		var hours = addZero(timerem.getHours());
+		var minutes = addZero(timerem.getMinutes());
+		var seconds = addZero(timerem.getSeconds());
+		var stamp = hours + ":" + minutes + ":" + seconds;
+		document.getElementById("countdown").innerHTML = stamp;
+	}
+
+	function addZero(num) {
+		var numStr = num + '';
+		if (numStr.length < 2)
+			numStr = "0" + numStr;
+		return numStr;
+	}
+	</script>
 </div>
 
 <div id="copy">
-- 
cgit v1.2.3