<script language="javascript">
 
/* 

한국시간 - (한국의 GMT 대비시간 + 9 - 현지도시의 GMT 대비시간)

LOS ANGELES의 경우 한국시간 15일 19:00 기준
표준시간 : 19-{+9-(-8)} = 02:00 = 15일 02:00
하계시간(4월 첫 일요일~10월 마지막 일요일) : 19-{+9-(-7)} = 03:00 = 15일 03:00

GMT(Greenwich Mean Time) : 그리니치 표준시간
UTC (Universal Time Coordinated) : 협정 세계표준 시간으로 GMT나 UTC는 똑 같습니다.
*/

function cnj_time() {

    var f = document.cnjform;

    cnj_today = new Date();
    cnj_year = cnj_today.getYear();
    cnj_month =  cnj_today.getMonth();
    cnj_month = cnj_month + 1;
    cnj_day = cnj_today.getDate();
    cnj_hour = cnj_today.getHours();
    cnj_minute = cnj_today.getMinutes();
    cnj_second = cnj_today.getSeconds();
    
        // 참고 ((cnj_month<10)?"0":"")+cnj_month // 참고로 월/일/시간/분/초 에서 10보다 적을때 0을 붙여주는 부분

    var cnj_time1=((cnj_hour>12)?cnj_hour -12:cnj_hour)+((cnj_minute<10)?"0":":")+cnj_minute+((cnj_second<10)?":0":":")+cnj_second
    var cnj_time2=(cnj_hour>=12)?" PM ":" AM "
    var cnj_time3=cnj_year + "년" + ((cnj_month<10)?"0":"")+cnj_month+ "월" + ((cnj_day<10)?"0":"")+cnj_day+ "일";

        f.korea.value= cnj_time3 + cnj_time2 + cnj_time1;
  
        setTimeout("cnj_time()", 1000);
}

function city_time() {

    var f = document.cnjform;
    
    city_today = new Date();
    city_year = city_today.getYear();
    city_month =  city_today.getMonth();
    city_month = city_month + 1;
    city_day = city_today.getDate();
    city_hours = city_today.getHours();
    city_minutes = city_today.getMinutes();
    city_seconds = city_today.getSeconds();

    zone = f.cityname.options[f.cityname.selectedIndex].value; // 그리니치 시간대 셀렉트 값
    city_zone = f.cityname.options[f.cityname.selectedIndex].text  // 각 지역 도시명 텍스트
    city_hours = parseInt(city_hours) + parseInt(zone);
    
    if (city_hours < 0)
    {
        city_hours = city_hours + 24;
        city_day = city_day - 1;
    }
    
    if (city_hours > 23)
    {
        city_hours = city_hours - 24;
        city_day = city_day + 1;
    }

        // 참고 ((city_month<10)?"0":"")+cnj_month // 참고로 월/일/시간/분/초 에서 10보다 적을때 0을 붙여주는 부분
        
    var city_time1=((city_hours>12)?city_hours -12:city_hours)+((city_minutes<10)?":0":":")+city_minutes+((city_seconds<10)?":0":":")+city_seconds
    var city_time2=(city_hours>=12)?" PM ":" AM "
    var city_time3=city_year + "년" + ((city_month<10)?"0":"")+city_month+ "월" + ((city_day<10)?"0":"")+city_day+ "일";
  
        f.city.value= city_time3 + city_time2 + city_time1; // 그리니치 시간대 및 도시면 출력 설정 부분
        f.city_name.value= "[" +zone+ "] ::> "+ city_zone;  // 그리니치 시간대 및 도시면 출력
    setTimeout("city_time()", 1000);
}

window.onload=cnj_time

</script>

<STYLE type="text/css">
<!--
.td { filter=progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr=#7E614A, EndColorStr=#C8B0A0)}
td,p,body{font-size: 9pt; font-family: verdana; color: white;}
input {font: 9pt verdana; color: #DAA08D; }
.input01 {font: 9pt verdana; color: white; }
//-->
</style>
<form name="cnjform">
<table align="center" border=1 bgcolor=#745544 bordercolordark=#4C382D bordercolorlight=#896451 width="370">
 <tr>
   <td align="center" class=td style="border-right:0px;"><img src=image01/earth01.gif border=0 align=absmiddle></td>
   <td height=25 align="center"  class=td style="border-left:0px;">세계 시간 조회</td></tr>
 <tr>
   <td height="25" align="right" style="border-right:0px;"> 현재 한국 시간 ▷ </td>
   <td height="25" align="center" style="border-left:0px;">
     <input type="text" name="korea" readonly SIZE="30" style="border:1px solid #C8AC98; padding: 3px; height: 23px;"> </td></tr>
 <tr>
   <td height="25" align="right" rowspan="2"> 선택 도시 시간 ▷ </td>
   <td align="center" style="border-left:0px;">
     <input type="text" name="city" value="            현지 시간 표시창" readonly SIZE="30"  style="border:1px solid #C8AC98; padding: 3px; height: 23px;"></td></tr>
 <tr>
   <td align="center" style="border-left:0px;">
     <input type="text" name="city_name" value="    선택한 도시와 시간차 표시창" readonly SIZE="30" style="border:1px solid #C8AC98; padding: 3px; height: 23px;"></td></tr>
   <td height="30" align=right style="border-right:0px;">다른 도시 선택  ▷ </td>
   <td height="30" align="center" style="border-left:0px;">
     <select name="cityname" onChange="city_time();" style="color: #4A3829; background-color:#EFEFEF; height:18px; padding:16px;">
<!-- 추가시 //<option value="그리니치 시간차">도시명</option>  #886850-->
<option value="0" selected>알고싶은 도시를 선택 하세요</option>
<option value="-19">앵커리지[Anchorage]</option>
<option value="-7">애선스[Athens]</option>
<option value="-14">애틀랜타[Atlanta]</option>
<option value="3">오클랜드[Auckland]</option>
<option value="-6">바그다드[Baghdad]</option>
<option value="-2">방콕[Bangkok]</option>
<option value="-1">베이징[Beijing]</option>
<option value="-8">베를린[Berlin]</option>
<option value="-14">보고타</option>
<option value="1">브리즈번[ Brisbane ]</option>
<option value="-12">브리즈번[Brisbane]</option>
<option value="-7">카이로[Cairo]</option>
<option value="-13">가르가스(Carcas)</option>
<option value="-9">카사블랑카[Casablanca]</option>
<option value="-16">시카고[Chicago]</option>
<option value="-16">덴버[Denver]</option>
<option value="-3">다카 [Dhaka]</option>
<option value="-9">더블린[Dublin]</option>
<option value="-16">에드먼턴[Edmonton]</option>
<option value="-8">제네바[Geneva]</option>
<option value="1">괌섬[Guam I.]</option>
<option value="-7">헬싱키[Helsinki]</option>
<option value="-2">호치민[Hochiminh]</option>
<option value="-19">호놀룰루[Honolulu]</option>
<option value="-1">홍콩 [HongKong]</option>
<option value="-2">자카르타[Jakarta]</option>
<option value="-7">예루살렘[Jerusalem]</option>
<option value="-7">요하네스버그[Johannesbug]</option>
<option value="-6">카잔[Kazan]</option>
<option value="-6">쿠웨이트[Kuwait]</option>
<option value="-17">로스앤젤레스[Los Angeles ].</option>
<option value="-9">리스본[Lisbon]</option>
<option value="-9">런던[London]</option>
<option value="-8">마드리드[Madrid]</option>
<option value="-1">마닐라[Manila]</option>
<option value="-5">모리셔스[Mauritius]</option>
<option value="1">멜버른[Melbourne]</option>
<option value="-14">몬트리올[Montreal]</option>
<option value="-15">멕시코시티[Mexico City]</option>
<option value="-15">마이애미[Miami]</option>
<option value="-6">모스크바파[Moscow]</option>
<option value="-6">나이로비[Nairobi]</option>
<option value="-14">뉴욕[NewYork]</option>
<option value="-8">파리[Paris]</option>
<option value="-1">퍼스[Perth]</option>
<option value="-16">피닉스[Phoenix]</option>
<option value="-12">리우데자네이루[Rio de Janeiro]</option>
<option value="-9">로마[Rome]</option>
<option value="-20">사모아[Samoa]</option>
<option value="-17">샌프란시스코[San Francisco]</option>
<option value="-12">상파울로[Sao Paulo]</option>
<option value="-13">산티아고[Santiago]</option>
<option value="-17">시애틀[Seattle]</option>
<option value="2">솔로몬[Solomon]</option>
<option value="1">시드니[Sydeny]</option>
<option value="-1">타이베이[Taipei]</option>
<option value="0">도쿄[Tokyo]</option>
<option value="-14">토론토[Toronto]</option>
<option value="-17">밴쿠버[Vancouver]</option>
<option value="3">웰링턴[Wellington]</option>
                  </select>
               </td>
            </tr>
         </table>
<div align=center style="margin-top:6px;">
<INPUT TYPE="button" onmouseover="this.style.background='#D8D0C8'" onmouseout="this.style.background='#C8ACA0'" style="cursor:hand;  border: 1px solid #6874A8; font-size: 9pt; height:23px; COLOR:WHITE; PADDING: 3PX; background-color:#C8ACA0;" VALUE="창닫기" onclick="window.close()" onfocus=blur();></div>