Team:KAIST-Korea/Test Count

From 2011.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:KAIST-Korea/header}}
 +
 +
<HTML>
<HTML>
<HEAD>
<HEAD>
-
<TITLE> D-Day 까지 남은 시간을 텍스트 상자에 보여줍니다 </TITLE>
 
-
<!------- 1. 아래의 스크립트를 HEAD 부분에 복사해 넣으세요 ----->
+
<SCRIPT LANGUAGE="JavaScript">
 +
function getTime()
 +
{
 +
      now = new Date();
 +
      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 LANGUAGE="JavaScript">
 
-
<!--
 
-
function getTime() {
 
-
now = new Date();
 
-
dday = new Date("Jan 1 2005 14: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 = daysRound  + "일" + hoursRound + "시간" + minutesRound + "분" + secondsRound + "초";
 
-
newtime = window.setTimeout("getTime();", 1000);
 
}
}
-
//  -->
+
 
</script>
</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>
</HEAD>
</HEAD>
-
<!------- 2. BODY 태그안에 있는 내용을 복사해 넣으세요 --------->
 
<BODY onLoad="getTime()">
<BODY onLoad="getTime()">
-
<!------- 여기까지 ----->
 
-
<style>
 
-
<!--
 
-
body,td {font-size:12px}
 
-
-->
 
-
</style>
 
-
<!------- 3. 원하는 위치에 아래의 내용을 복사해 넣으세요 -------->
+
<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">
-
<p align=center>
+
-
<form name=timeForm>윤이와의 만남 1000일은 2005년 9월 12일 오후 1시까지 남은 시간은,
+
-
<input type=text name=input1 size=20 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif; color:blue"> 입니다
+
</form>
</form>
-
</center>
 
-
<!------- 여기까지 ----->
 
-
</BODY>
+
<div id="OpenCountdown">
-
</HTML>
+
<p>
 +
2011 KAIST iGEM Teaser Site Open
 +
</p>
 +
</div>
-
***또 다른 소스***
 
-
다음을 헤드나 바디안에 넣으세여,,
 
-
<SCRIPT language=JavaScript>
 
-
<!--//우리만난지 100일 카운트 다운
 
-
function memorial(){
 
-
  var memory1_day = new Date("sep 10, 2003 00:00:00");
 
-
  var today = new Date();
 
-
  with(Math){
+
<div id="main_closing" position:relative; left:300px; top:300px; width:200px;>
-
    var t = (memory1_day.getTime() - today.getTime())/(24 * 60 * 60 * 1000);  
+
<img src="https://static.igem.org/mediawiki/2011/3/39/%EA%B7%B8%EB%A6%BC2.png">
-
    var day1 = ceil(t);  
+
</div>
-
    var msg = (day1 > 0) ? "아빠생일:<br>"+day1+"일전":
+
-
      "아빠생일:<br>"+day1+"일째입니다.<br><br>";
+
-
  }
+
-
  document.write(msg);
+
-
}
+
-
function memorial1(){
+
 
-
  var memory1_day = new Date("sep 10, 2002 00:00:00");  //아빠생일
+
 
-
  var today = new Date();  
+
<!--FACEBOOK APPLICATION-->
-
  with(Math){
+
<div class="widget">
-
    var t = (memory1_day.getTime() - today.getTime())/(24 * 60 * 60 * 1000);  
+
<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 day3 = ceil(t);
+
 
-
    var msg2 = "";
+
<br /><br />
-
    if (day3 == 0) {
+
 
-
      msg2 = "<P><CENTER><FONT SIZE=3>"+"우리만난지100일.<br>"+"이당"+"</FONT></CENTER>";
+
<!--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'
   }
   }
-
  document.write(msg2);
+
}).render().setUser('iGEM_KAIST').start();
-
}                 
+
</script>
-
//-->  
+
</div>
-
</SCRIPT>
+
 
-
그리고 날짜를 볼곳에 다음을 넣으세여
+
 
-
<SCRIPT language=JavaScript>  
+
 
-
           
+
<div class="abstract">
-
<!--       
+
<forum></forum>
-
          memorial(),memorial1();
+
</div>
-
//-->                      
+
 
-
</SCRIPT>
+
 
 +
 
 +
 
 +
</BODY>
 +
 
 +
 
 +
 
 +
</HTML>

Latest revision as of 11:05, 8 July 2011


2011 KAIST iGEM Teaser Site Open