Team:Kyoto/TimeLimit

From 2013.igem.org

(Difference between revisions)

Revision as of 07:08, 26 September 2013

:

@@ Line 2: / Line 2: @@
 <script type="text/javascript">
 function update() {
-  var wrapper = document.getElementById("limit_wrapper");
    var hour = document.getElementById("hour");
    var minute = document.getElementById("minute");
    var second = document.getElementById("second");
-  var top = document.documentElement.clientHeigh / 2;
-  wrapper.style.top = top + "px";
    // freeze 20130928 00:00 @ MIT
-   freeze = Date.UTC(2013, 8, 28, 0, 0, 0);
+   freeze = new Date(2013, 8, 28, 4, 0, 0);
    var date = new Date();
-   var time = Date.UTC(
+   var utc = new Date(
-       date.getUTCYear(),
+       date.getUTCFullYear(),
        date.getUTCMonth(),
+      date.getUTCDate(),
        date.getUTCHours(),
        date.getUTCMinutes(),
        date.getUTCSeconds());
-   time -= freeze;
+   var time = freeze.getTime() - utc.getTime();
    time = Math.floor(time / 1000);
-   second.innerHTML = time % 60;
+   second.innerHTML = ('0' + (time % 60)).slice(-2);
    time = Math.floor(time / 60);
-   minute.innerHTML = time % 60;
+   minute.innerHTML = ('0' + (time % 60)).slice(-2);
    time = Math.floor(time / 60);
    hour.innerHTML = time;
@@ Line 29: / Line 27: @@
 window.onload = function() {
+  var wrapper = document.getElementById("limit_wrapper");
+  var top = window.innerHeight;
+  if (top != undefined) {
+    wrapper.style.top = (top / 2) + "px";
+  }
    update();
+  setInterval(function() {
+     update();
+  }, 200);
 }
@@ Line 39: / Line 45: @@
    height: 200px;
    left: 50%;
+  top: 300px;
    margin-left: -500px;
+  margin-top: -100px;
 }
 #hour, #minute, #second {