Team:Kyoto/TimeLimit

From 2013.igem.org

(Difference between revisions)
m
m
Line 19: Line 19:
   var time = freeze.getTime() - utc.getTime();
   var time = freeze.getTime() - utc.getTime();
   time = Math.floor(time / 1000);
   time = Math.floor(time / 1000);
 +
  if (time <= 1 * 3600) {
 +
    var wrapper = document.getElementById("limit_wrapper");
 +
    wrapper.style.color = "#f00";
 +
  } else if (time <= 24 * 3600) {
 +
    var wrapper = document.getElementById("limit_wrapper");
 +
    wrapper.style.color = "#ff0";
 +
  }
   second.innerHTML = ('0' + (time % 60)).slice(-2);
   second.innerHTML = ('0' + (time % 60)).slice(-2);
   time = Math.floor(time / 60);
   time = Math.floor(time / 60);
Line 48: Line 55:
   margin-left: -500px;
   margin-left: -500px;
   margin-top: -100px;
   margin-top: -100px;
 +
  color: #ddd;
}
}
#hour, #minute, #second {
#hour, #minute, #second {
Line 54: Line 62:
   font-size: 200px;
   font-size: 200px;
   line-height: 200px;
   line-height: 200px;
-
  color: #ddd;
 
   float:left;
   float:left;
   text-align: right;
   text-align: right;
Line 63: Line 70:
   font-size: 150px;
   font-size: 150px;
   line-height: 200px;
   line-height: 200px;
-
  color: #ddd;
 
   content: ":";
   content: ":";
   float: left;
   float: left;

Revision as of 07:12, 26 September 2013

:
: