자바스크립트

자바스크립트 소스자료실 NEW

세계 각나라의 시간보기

조회수 : 4,138, 2009-07-26 16:17:14

tagkorea

첨부 :

javascript10.txt (6.8 KB) (5005)

미리보기는 위의 링크를 클릭하세요.

<style>
.cnj_time {border-style:solid;border-width:1;width:210;font-size: 9pt;border-color:#ffde52;color:#D9AD00;padding:2}
</style>
<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>

<form name="cnjform">
<center>
<br> <br>
</center>

<table align="center">

<tr>
<td height="25" align="right"><font color="#D9AD00" size="2">현재 한국 시간</font> :</td>
<td height="25"><input type="text" name="korea" readonly class="cnj_time">
</td>
</tr>

<tr>
<td height="25" align="right" rowspan="2"><font color="#D9AD00" size="2">다른 도시 시간</font> :
</td>
<td><input type="text" name="city" value="도시명 선택" readonly class="cnj_time">
</td>
</tr>

<tr>
<td>
<input type="text" name="city_name" value="도시명" readonly class="cnj_time"></td>
</tr>

<td height="25" align=right>
<font color="#D9AD00" size="2">다른 도시명 선택  </font>:

</td>
<td height="25">
<select name="cityname" onChange="city_time();" class="cnj_time">


<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>

</form>

댓글 : 0

인쇄 추천 목록

번호	제목	작성자	작성일	추천수	조회수
45	하단 카피라이트에 년도를 자동으로 바꿔주는 스크립트	tagkorea	2010/02/21	285	4480
44	지정된 시간후 자동으로 창 닫는 소스	tagkorea	2009/07/27	290	4709
43	프레임홈에서 하위프레임 페이지로 직접 접속하는 것 차단	tagkorea	2009/07/27	272	3446
42	사이트 접속시 창을 최대화 시키기	tagkorea	2009/07/27	271	4222
41	페이지 자동 이동하는 스크립트 소스2	tagkorea	2009/07/27	278	4582
40	페이지 자동 이동하는 스크립트 소스1 1	tagkorea	2009/07/27	198	3054
39	새창 팝업 멋있게 띄우기	tagkorea	2009/07/27	184	4736
38	깔끔한 달력 스크립트 소스 1	tagkorea	2009/07/27	212	5344
37	자바스크립트로 구현한 테트리스게임 소스 1	tagkorea	2009/07/27	135	10712
36	무단링크 금지 소스	tagkorea	2009/07/27	192	2841
35	새로 띄우는 팝업창을 가운데로 띄우기	tagkorea	2009/07/27	197	2738
34	자신의 홈페이지 안에 내용만 검색되는 구글 검색기	tagkorea	2009/07/27	111	2919
33	메세지가 나타났다가 오른쪽으로 날아가는 소스	tagkorea	2009/07/26	213	2953
	세계 각나라의 시간보기	tagkorea	2009/07/26	222	4138
31	들어올때 나갈때 경고 인사창 날려주는 소스설명	tagkorea	2009/07/26	387	6445