Team:Tsinghua/leftbar

From 2010.igem.org

(Difference between revisions)

Revision as of 08:33, 4 October 2010

Until Jamboree

Visitor Locations

Follow us on

@@ Line 1: / Line 1: @@
 <html>
 <div id="right_bar">
+<div class="left_gadget">
+<div style="width: 100%; top: 100%; background: #822" >
+<div style="margin: 20px 5px; background: #2A3; color: black; size: 18pt; text-align: center">
+Until Jamboree</div>
+<div style="margin: 8px; background: #2A3">
+<p style="color: white; size: 18pt; font-weight: bold; text-indent: 3pc" id="pday"></p>
+<p style="color: white; size: 18pt; font-weight: bold; text-indent: 3pc" id="phour"></p>
+<p style="color: white; size: 18pt; font-weight: bold; text-indent: 3pc" id="pmin"></p>
+<p style="color: white; size: 18pt; font-weight: bold; text-indent: 3pc" id="psec"></p>
+</div>
+</div>
+<script type="text/javascript">
+var now = new Date();
+function createtime(){
+var grt= new Date("11/5/2010 8:00:00");
+now.setTime(now.getTime()+250);
+days = (grt - now) / 1000 / 60 / 60 / 24;
+dnum = Math.floor(days);
+hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum);
+hnum = Math.floor(hours);
+minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
+mnum = Math.floor(minutes);
+seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
+snum = Math.round(seconds);
+document.getElementById("pday").InnerHTML=dnum + "   days";
+document.getElementById("phour").InnerHTML=hnum + "    hours";
+document.getElementById("pmin").InnerHTML=mnum + "    minutes";
+document.getElementById("psec").InnerHTML=snum + "    seconds";
+}
+var getd;
+if(getd==null)
+{
+    getd = setInterval("createtime()",250);
+}
+</script>
+</div>
 <div class="left_gadget">
 <p>Visitor Locations</p>
@@ Line 32: / Line 74: @@
 </div>
-<div class="left_gadget">
-<p id="firstline">Until the Jamboree</p>
-<p><span id="pretimes" class="countdown"></span></p>
-<span id="times" class="countdown"></span>
-<script type="text/javascript">
-var now = new Date();
-function createtime(){
-var grt= new Date("11/5/2010 8:00:00");
-now.setTime(now.getTime()+250);
-days = (grt - now) / 1000 / 60 / 60 / 24;
-dnum = Math.floor(days);
-hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum);
-hnum = Math.floor(hours);
-minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
-mnum = Math.floor(minutes);
-seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
-snum = Math.round(seconds);
-var showtext = " "
-if(grt>=now)
-{
-    if(dnum>0)
-    {
-        showtext = dnum+" Days ";
-    }
-    if(hnum>0)
-    {
-        showtext = showtext + String(hnum) + " Hours ";
-    }
-    if(showtext.length > 15)
-    {
-        document.getElementById("pretimes").style.display = "block";
-        document.getElementById("pretimes").innerHTML = showtext;
-        showtext = "";
-    }
-    else
-    {
-        document.getElementById("pretimes").style.display = "none";
-    }
-    if(mnum>0)
-    {
-        showtext = showtext + String(mnum) + " Minutes ";
-    }
-    if(showtext.length > 25)
-    {
-        document.getElementById("pretimes").style.display = "block";
-        document.getElementById("pretimes").innerHTML = showtext;
-        showtext = "";
-    }
-    if(snum>0)
-    {
-        showtext = showtext + String(snum) + " Seconds ";
-    }
-    document.getElementById("times").innerHTML = showtext;
-}
-else
-{
-        document.getElementById("firstline").innerHTML = "Jamboree!";
-        document.getElementById("firstline").style.color = "#F33";
-}
-}
-var getd;
-if(getd==null)
-{
-    getd = setInterval("createtime()",250);
-}
-</script>
-</div>
 <div class="left_gadget">