Team:KAIST-Korea/Test Count

From 2011.igem.org

(Difference between revisions)
 
(61 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
{{:Team:KAIST-Korea/header}}
-
<html xmlns="http://www.w3.org/1999/xhtml" >
+
 
-
<head><title></title>
+
 
-
    <script type="text/javascript">
+
<HTML>
-
        var strDate = "2011-11-08"; //여기에 목표가 되는 날짜(연-월-일)을(를) 입력합니다.
+
<HEAD>
-
        var strTime = "23:59:00";    //여기에 목표가 되는 시간(시:분:초)을(를) 입력합니다.
+
 
-
        var arrDate = strDate.split("-");
+
<SCRIPT LANGUAGE="JavaScript">
-
        var arrTime = strTime.split(":");
+
function getTime()  
-
        var arrMonth = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
+
{
-
        
+
      now = new Date();
-
        function Dday_countdown(){
+
      dday = new Date("Jul 15 2011 00:00:00");
-
            var now = new Date();
+
      days = (dday - now) / 1000 / 60 / 60 / 24;
-
            var nYear = now.getYear();
+
       daysRound = Math.floor(days);
-
            var nMonth = now.getMonth();
+
      hours = (dday - now) / 1000 / 60 / 60 - (24 * daysRound);
-
            var nDay = now.getDate();
+
      hoursRound = Math.floor(hours);
-
            var nHour = now.getHours();
+
      minutes = (dday - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
-
            var nMin = now.getMinutes();
+
      minutesRound = Math.floor(minutes);
-
            var nSec = now.getSeconds();
+
      seconds = (dday - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
-
            var strnow = arrMonth[nMonth] + " " + nDay + ", " + nYear + " " + nHour + ":" + nMin + ":" + nSec;
+
      secondsRound = Math.round(seconds);
-
            var strfuture = arrMonth[arrDate[1] - 1] + " " + arrDate[2] + ", " + arrDate[0] + " " + arrTime[0] + ":" + arrTime[1] + ":" + arrTime[2];
+
 
-
            var d_date = Date.parse(strfuture) - Date.parse(strnow);
+
      document.timeForm.input1.value = "D - "+daysRound + "     " + hoursRound + ":" + minutesRound + ":" + secondsRound;
-
         
+
      newtime = window.setTimeout("getTime();", 1000);
-
            d_day = Math.floor(d_date / 86400000);
+
 
-
            d_hour = Math.floor((d_date % 86400000) / 3600000);
+
 
-
            d_min = Math.floor(((d_date % 86400000) % 3600000) / 60000);
+
 
-
            d_sec = Math.floor((((d_date % 86400000) % 3600000) % 60000) / 1000);
+
}
-
+
 
-
            var oTimeCnt = document.getElementById("Timecount");
+
</script>
-
            if (d_day <= 0 && d_hour <= 0 && d_min <= 0 && d_sec <= 1 && nDay == arrDate[1]) oTimeCnt.innerHTML = "D-Day 입니다.";
+
 
-
            else if (d_day <= -1) oTimeCnt.innerHTML = Math.abs(d_day) + "일 " + Math.abs(d_hour) + "시간 " + Math.abs(d_min) + "분 " + Math.abs(d_sec) + "초 지났습니다.! ";
+
<style type="text/css">
-
            else oTimeCnt.innerHTML = d_day + "일 " + d_hour + "시간 " + d_min + "분 " + d_sec + "초 남았습니다.";
+
 
-
+
 
-
            setTimeout("Dday_countdown()", 1000);
+
div {
-
+
font-family:"Arial",Sans-serif; color:white;
-
        }
+
}
-
        window.onload = Dday_countdown;
+
.widget {
-
    </script>
+
width:250px;
-
</head>
+
margin:10px;
-
<body>
+
border-right-style:solid;
-
<div id="Timecount"></div>
+
border-width:1px;
-
</body>
+
border-color:white;
-
</html>
+
}
 +
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>
 +
 
 +
</HEAD>
 +
 
 +
 
 +
<BODY onLoad="getTime()">
 +
 
 +
 
 +
 
 +
<form name=timeForm>
 +
<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">
 +
</form>
 +
 
 +
 
 +
<div id="OpenCountdown">
 +
<p>
 +
2011 KAIST iGEM Teaser Site Open
 +
</p>
 +
</div>
 +
 
 +
 
 +
 
 +
<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">
 +
</div>
 +
 
 +
 
 +
 
 +
<!--FACEBOOK APPLICATION-->
 +
<div class="widget">
 +
<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>
 +
 
 +
<br /><br />
 +
 
 +
<!--Twitter APPLICATION-->
 +
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 4,
 +
  interval: 6000,
 +
  width: 225,
 +
  height: 300,
 +
  theme: {
 +
    shell: {
 +
      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"