Team:KAIST-Korea/Test Count

From 2011.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:KAIST-Korea/header}}
-
<head>
+
-
<style type="text/css">
+
-
input
+
 
 +
<HTML>
 +
<HEAD>
 +
 
 +
<SCRIPT LANGUAGE="JavaScript">
 +
function getTime()
{
{
-
width:30px;
+
      now = new Date();
-
  text-align:center;
+
      dday = new Date("Jul 15 2011 00:00:00");
-
}  
+
      days = (dday - now) / 1000 / 60 / 60 / 24;
 +
      daysRound = Math.floor(days);
 +
      hours = (dday - now) / 1000 / 60 / 60 - (24 * daysRound);
 +
      hoursRound = Math.floor(hours);
 +
      minutes = (dday - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
 +
      minutesRound = Math.floor(minutes);
 +
      seconds = (dday - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
 +
      secondsRound = Math.round(seconds);
 +
 
 +
      document.timeForm.input1.value = "D - "+daysRound + "      " + hoursRound + ":" + minutesRound + ":" + secondsRound;
 +
      newtime = window.setTimeout("getTime();", 1000);
 +
 
 +
 
 +
 
 +
}
 +
 
 +
</script>
 +
 
 +
<style type="text/css">
 +
 
 +
 
 +
div {
 +
font-family:"Arial",Sans-serif; color:white;
 +
}
 +
.widget {
 +
width:250px;
 +
margin:10px;
 +
border-right-style:solid;
 +
border-width:1px;
 +
border-color:white;
 +
}
 +
p:hover {color:#E6E6E6;} /* mouse over link */
 +
p:active {color:#FFFFFF;}  /* selected link */
 +
 
 +
 
 +
#OpenCountdown{
 +
        position: relative;
 +
        font-family:arial, helvetica,sans-serif;
 +
        font-size:20pt;
 +
        font-color:white;
 +
        left:350px;
 +
        top:50px;
 +
}
</style>
</style>
-
<script type="text/javascript">
+
</HEAD>
-
var arrMonth = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
+
 
-
var arrDate = new Array(2011, 11, 08);
+
<BODY onLoad="getTime()">
-
var arrTime = new Array(0,0,0);
+
 
-
       
+
 
-
function Dday_countdown()
+
 
-
{
+
<form name=timeForm>
-
            var now = new Date();
+
<input type=text name=input1 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid; font:35pt arial, helvetica,sans-serif; color:white; background-color:black; position:relative; left:380px; top:200px">
-
            var nYear = now.getYear();
+
</form>
-
            var nMonth = now.getMonth();
+
 
-
            var nDay = now.getDate();
+
 
-
            var nHour = now.getHours();
+
<div id="OpenCountdown">
-
            var nMin = now.getMinutes();
+
<p>
-
            var nSec = now.getSeconds();
+
2011 KAIST iGEM Teaser Site Open
-
            var stmp = String(now.getMilliseconds());
+
</p>
-
            var nmSec = (stmp.length == 1 ? "00" + stmp : stmp.length == 2 ? "0" + stmp : stmp);
+
</div>
-
            var strnow = arrMonth[nMonth] + " " + nDay + ", " + nYear + " " + nHour + ":" + nMin + ":" + nSec;
+
 
-
            var strfuture = arrMonth[arrDate[1] - 1] + " " + (arrDate[2] + 1) + ", " + arrDate[0] + " " + arrTime[0] + ":" + arrTime[1] + ":" + arrTime[2];
+
 
-
           
+
 
-
            var d_date = Date.parse(strfuture) - Date.parse(strnow);
+
<div id="main_closing" position:relative; left:300px; top:300px; width:200px;>
-
+
<img src="https://static.igem.org/mediawiki/2011/3/39/%EA%B7%B8%EB%A6%BC2.png">
-
            d_day = Math.floor(d_date / 86400000);
+
</div>
-
            stmp = String(Math.floor((d_date % 86400000) / 3600000));
+
 
-
            d_hour = stmp.length == 1 ? "0" + stmp : stmp;
+
 
-
            stmp = String(Math.floor(((d_date % 86400000) % 3600000) / 60000));
+
 
-
            d_min = stmp.length == 1 ? "0" + stmp : stmp;
+
<!--FACEBOOK APPLICATION-->
-
            stmp = String(Math.floor((((d_date % 86400000) % 3600000) % 60000) / 1000));
+
<div class="widget">
-
            d_sec = stmp.length == 1 ? "0" + stmp : stmp;
+
<iframe src="http://www.facebook.com/plugins/like.php?app_id=115152055242776&amp;href=http%3A%2F%2F2011.igem.org%2FTeam%3AKAIST-Korea&amp;send=false&amp;layout=standard&amp;width=300&amp;show_faces=false&amp;action=like&amp;colorscheme=dark&amp;font=arial&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:225px; height:40px;" allowTransparency="true"></iframe></iframe>
-
+
 
-
            var sDate = arrDate[0] + "년" + arrDate[1] + "월" + arrDate[2] + "일 까지 ";
+
<br /><br />
-
           
+
 
-
            var oTimeCnt = document.getElementById("Timecount");
+
<!--Twitter APPLICATION-->
-
           
+
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
            oTimeCnt.innerHTML = d_day + "일" + d_hour + "시" + d_min + "분" + d_sec + "초 남았습니다.";
+
<script>
-
+
new TWTR.Widget({
-
            setTimeout("Dday_countdown()", 10);
+
  version: 2,
-
        }
+
  type: 'profile',
-
        window.onload = Dday_countdown;
+
  rpp: 4,
-
    </script>
+
  interval: 6000,
-
</head>
+
  width: 225,
-
<body>
+
  height: 300,
-
<div style="width:400px; text-align:center; font-size:15px; font-family:@맑은 고딕" id="Timecount"></div>
+
  theme: {
-
</body>
+
    shell: {
-
</html>
+
      background: '#606060',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#ffffff',
 +
      color: '#000000',
 +
      links: '#0040ff'
 +
    }
 +
  },
 +
  features: {
 +
    scrollbar: false,
 +
    loop: false,
 +
    live: false,
 +
    hashtags: true,
 +
    timestamp: true,
 +
    avatars: false,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('iGEM_KAIST').start();
 +
</script>
 +
</div>
 +
 
 +
 
 +
 
 +
<div class="abstract">
 +
<forum></forum>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</BODY>
 +
 
 +
 
 +
 
 +
</HTML>

Latest revision as of 11:05, 8 July 2011


2011 KAIST iGEM Teaser Site Open



Retrieved from "http://2011.igem.org/Team:KAIST-Korea/Test_Count"