"
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; | ||
| - | |||
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; | ||
| - | |||
content: ":"; | content: ":"; | ||
float: left; | float: left; | ||
Revision as of 07:12, 26 September 2013
:
:
