more accurate puzzle timer

1 files changed, 18 insertions, 14 deletions

@@ -1,23 +1,25 @@
 <script type="text/javascript">
 var totalSeconds = 0
+var startTime = 0
 var timerInterval
 
+function pad(val) {
+  var valString = val + ""
+  if (valString.length < 2)
+  {
+    return "0" + valString
+  } else {
+    return valString
+  }
+}
+function setTime() {
+  totalSeconds = Math.floor((Date.now() - startTime) / 1000)
+  $("#seconds").text(pad(totalSeconds%60))
+  $("#minutes").text(pad(parseInt(totalSeconds/60)))
+}
+
 window.onload = function() {
   <% if @playable %>
-    function pad(val) {
-      var valString = val + ""
-      if (valString.length < 2)
-      {
-        return "0" + valString
-      } else {
-        return valString
-      }
-    }
-    function setTime() {
-      ++totalSeconds
-      $("#seconds").text(pad(totalSeconds%60))
-      $("#minutes").text(pad(parseInt(totalSeconds/60)))
-    }
     $("#sens").val(window.settings.sensitivity)
     $("#sens").on("change", function() {
       window.settings.sensitivity = this.value
@@ -37,6 +39,7 @@ window.onload = function() {
 
         $("#activation-button").hide()
 
+        startTime = Date.now()
         timerInterval = setInterval(setTime, 1000);
 
         $.ajax({
@@ -56,6 +59,7 @@ window.onload = function() {
 <% if @playable %>
 window.TRACE_COMPLETION_FUNC = function(puzzle, rawPath) {
   clearInterval(timerInterval)
+  setTime()
 
   $.ajax({
     type: "POST",