Template:Kyoto/small countdown

From 2014.igem.org

(Difference between revisions)
(Undo revision 112309 by SockeyeSalmon (talk))
Line 9: Line 9:
   top: 30px;
   top: 30px;
   right: 10px;
   right: 10px;
 +
  background-color: #333;
 +
  border: 4px solid #000;
   height: 30px;
   height: 30px;
-
  width: 300px;
 
-
  padding: 30px 10px;
 
-
  display: none;
 
-
 
-
  /* text */
 
   line-height: 30px;
   line-height: 30px;
   font-size: 30px;
   font-size: 30px;
-
   font-family: sans-serif;
+
   color: #ddd;
-
  text-align: center;
+
   text-decoration: none;
   text-decoration: none;
-
 
+
   padding: 30px 10px;
-
  /* color */
+
   display: none;
-
  background-color: #aaa;
+
-
  border: 4px solid #888;
+
-
  color: #eee;
+
-
 
+
-
  /* border radius */
+
-
  border-radius: 20px;
+
-
  -webkit-border-radius: 20px;
+
-
  -moz-border-radius: 20px;
+
-
 
+
-
  /* select cancel */
+
-
  user-select: none;
+
-
  -webkit-user-select: none;
+
-
   -moz-user-select: none;
+
-
   -khtml-user-select: none;
+
}
}
</style>
</style>
-
 
<script type="text/javascript">
<script type="text/javascript">
-
//<![CDATA[
 
-
 
$(function(){
$(function(){
-
/* October 17 wiki FREEZE at 12:00PM EDT */
+
/* October 10 wiki FREEZE at 11:59PM EDT */
-
var year = </html>{{{year|2014}}}<html>;
+
var freeze = Date.UTC(</html>{{{year|2014}}}, {{{month|9}}}, {{{day|10}}}<html>, 4, 00, 0);
-
var month = </html>{{{month|10}}}<html>;
+
-
var day = </html>{{{day|10}}}<html>;
+
-
var freeze = Date.UTC(year, month-1, day, 4, 00, 0);
+
function get_current_utc() {
function get_current_utc() {
Line 87: Line 63:
var timer = setInterval(function() {
var timer = setInterval(function() {
-
     //var countdown = document.getElementById("kyoto_alert");
+
     var countdown = document.getElementById("kyoto_alert");
-
    var $countdown = $("#kyoto_alert");
+
     var current_utc = get_current_utc();
     var current_utc = get_current_utc();
     var interval = (freeze - current_utc)/1000;
     var interval = (freeze - current_utc)/1000;
     if (interval < 0) {
     if (interval < 0) {
-
         $countdown.hide();
+
         countdown.style.display = "none";
     } else if (interval < 4 * 24 * 3600) {
     } else if (interval < 4 * 24 * 3600) {
         if (interval < 1 * 3600)
         if (interval < 1 * 3600)
-
             $countdown.css("color", "#f00");
+
             countdown.style.color = "#f00";
         else if (interval < 24 * 3600)
         else if (interval < 24 * 3600)
-
             $countdown.css("color", "#ff0");
+
             countdown.style.color = "#ff0";
         var time = [];
         var time = [];
Line 105: Line 80:
         time.push(itos(minute_qr[1], 2) + 'm');
         time.push(itos(minute_qr[1], 2) + 'm');
         time.push(itos(minute_qr[0], 2) + 'h');
         time.push(itos(minute_qr[0], 2) + 'h');
-
         $countdown.text(time.reverse().join(' : '));
+
         countdown.innerText = time.reverse().join(' : ');
-
         $countdown.show();
+
         countdown.style.display = "block";
     } else {
     } else {
         var time = [];
         var time = [];
Line 115: Line 90:
         time.push(itos(hour_qr[1], 2) + 'h');
         time.push(itos(hour_qr[1], 2) + 'h');
         time.push(itos(hour_qr[0], 3) + 'd');
         time.push(itos(hour_qr[0], 3) + 'd');
-
         $countdown.text(time.reverse().join(' : '));
+
         countdown.innerText = time.reverse().join(' : ');
-
         $countdown.show();
+
         countdown.style.display = "block";
     }
     }
}, 200);
}, 200);
-
var kyoto_alert_wrapper = {
 
-
    x : undefined,
 
-
    y : undefined,
 
-
    is_down : false
 
-
};
 
-
 
-
$("#kyoto_alert").mousedown(function(e) {
 
-
    kyoto_alert_wrapper.x = e.pageX;
 
-
    kyoto_alert_wrapper.y = e.pageY;
 
-
    kyoto_alert_wrapper.is_down = true;
 
-
}).mousemove(function(e) {
 
-
    if (kyoto_alert_wrapper.is_down)
 
-
    if (kyoto_alert_wrapper.x !== undefined)
 
-
    if (kyoto_alert_wrapper.y !== undefined) {
 
-
        var x = e.pageX,
 
-
            y = e.pageY;
 
-
        var offset = $(this).offset();
 
-
        offset.left += x - kyoto_alert_wrapper.x;
 
-
        offset.top += y - kyoto_alert_wrapper.y;
 
-
        $(this).offset(offset);
 
-
        kyoto_alert_wrapper.x = x;
 
-
        kyoto_alert_wrapper.y = y;
 
-
    }
 
-
}).mouseup(function(e) {
 
-
    kyoto_alert_wrapper.x = undefined;
 
-
    kyoto_alert_wrapper.y = undefined;
 
-
    kyoto_alert_wrapper.is_down = false;
 
});
});
-
 
-
});
 
-
 
-
//]]>
 
</script>
</script>
</html>
</html>

Revision as of 00:15, 11 September 2014

count down

Retrieved from "http://2014.igem.org/Template:Kyoto/small_countdown"