본문으로 바로가기

d-day

category Language/Javascript 2014. 9. 13. 22:17
반응형

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  2. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  3. <title>D-day</title>

  4. <script type="text/javascript">

  5. function Dday(y, m, d, hh, mm){
  6.    
  7.     var endtxt = y+"년 "+m+"월 "+d+"일 "+hh+"시 "+mm+"분 까지<br/><br/>";
  8.    
  9.     var today = new Date();
  10.     var todayY = today.getYear();
  11.     if(todayY < 1000) todayY += 1900;
  12.     var monthArray = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  13.     var todayM = today.getMonth();
  14.     var todayD = today.getDate();
  15.     var todayHour = today.getHours();
  16.     var todayMin = today.getMinutes();
  17.     var todaySec = today.getSeconds();
  18.    
  19.     var now = monthArray[todayM] + " " + todayD + ", " + todayY + " " + todayHour + ":" + todayMin + ":" + todaySec;
  20.     var dday = monthArray[m-1] + " " + d + ", " + y + " " + hh + ":" + mm;
  21.    
  22.     dd = Date.parse(dday) - Date.parse(now);
  23.     dy = Math.floor((dd / 1000/60/60/24)/365);
  24.     dm = Math.floor((dd / 1000/60/60/24)/30);
  25.    
  26.     dday = Math.floor(dd / (60*60*1000*24) * 1);
  27.     dhour = Math.floor((dd % (60*60*1000*24)) / (60*60*1000) * 1);
  28.     dmin = Math.floor(((dd % (60*60*1000*24)) % (60*60*1000)) / (60*1000) * 1);
  29.     dsec = Math.floor((((dd % (60*60*1000*24)) % (60*60*1000)) % (60*1000)) / 1000 * 1);
  30.    
  31.     var txt = "";
  32.     if(dday==0 && dhour==0 && dmin==0 && dsec==1){
  33.         txt = "종료";
  34.     }else if(dy==0 && dy!=0){
  35.         txt = endtxt + dm + "개월, " + dday + "일, " + dhour + "시간, " + dmin + "분, " + dsec + "초 남았습니다.";
  36.     }else if(dy==0 && dm==0 && dday!=0){
  37.         txt = endtxt + dday + "일, " + dhour + "시간, " + dmin + "분, " + dsec + "초 남았습니다.";
  38.     }else if(dy==0 && dm==0 && dday==0 && dhour!=0){
  39.         txt = endtxt + dhour + "시간, " + dmin + "분, " + dsec + "초 남았습니다.";
  40.     }else if(dy==0 && dm==0 && dday==0 && dhour==0 && dmin!=0){
  41.         txt = endtxt + dmin +"분, " + dsec + "초 남았습니다.";
  42.     }else if(dy==0 && dm==0 && dday==0 && dhour==0 && dmin==0 && dsec!=0){
  43.         txt = endtxt + dsec + "초 남았습니다.";
  44.     }else if (dy!=0){
  45.         txt = endtxt + dy+"년, "+dm+"개월, "+dday+"일, "+dhour+"시간, "+dmin+"분, "+dsec+"초 남았습니다.";
  46.     }
  47.     document.getElementById("canvas").innerHTML = txt;
  48.    
  49. }
  50.  
  51. setInterval("Dday(2014,9,20,21,55)",1000);
  52.  
  53. </head>

  54.     <div id="canvas"></div>

  55. </body>

  56. </html>








반응형

'Language > Javascript' 카테고리의 다른 글

SVG to Image  (0) 2020.02.13
Ext js 4.2 관련  (0) 2019.10.02
Ext Grid columns dynamic동적 변경  (1) 2018.06.25