세계각지의 밤과 낮을 한눈에 볼수 있는 Day & Night 지도
<!--1. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->
<body style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>
// 세계지도
var globalmapimage="globalmap.gif"
// 왼쪽위치
var globalmapleftposition=100
// 위쪽 위치
var globalmaptopposition=100
// 드롭다운메뉴의 왼쪽위치
var chooseutctimeleftposition=120
// 드롭다운메뉴의 왼쪽위치
var chooseutctimetopposition=120
</script>
<script>
<!--
var globalmapwidth, globalmapheigth
var nightzonewidth,nightzoneheight
var clipnighttop
var clipnightbottom
var clipnightright=0
var clipnightleft=0
var clipnightpoints
var differencehours
var differencepixels
var now=new Date()
var utchours=now.getUTCHours()
var monthimage=now.getMonth()
if (monthimage==0) {monthimage="january"}
else if (monthimage==1) {monthimage="february"}
else if (monthimage==2) {monthimage="march"}
else if (monthimage==3) {monthimage="april"}
else if (monthimage==4) {monthimage="may"}
else if (monthimage==5) {monthimage="june"}
else if (monthimage==6) {monthimage="july"}
else if (monthimage==7) {monthimage="august"}
else if (monthimage==8) {monthimage="september"}
else if (monthimage==9) {monthimage="october"}
else if (monthimage==10) {monthimage="november"}
else if (monthimage==11) {monthimage="december"}
var preloadmonthimage=new Image()
preloadmonthimage.src="monthimage
var preloadglobalmap=new Image()
preloadglobalmap.src="globalmapimage
function initiatedaynight() {
choose.newhour.options[choose.newhour.selectedIndex].text=utchours
choose.newhour.options[choose.newhour.selectedIndex].value=utchours
choose.newmonth.options[choose.newmonth.selectedIndex].text=monthimage
choose.newmonth.options[choose.newmonth.selectedIndex].value=monthimage
globalmap.innerHTML="<img src="+globalmapimage+'>"
globalmapwidth=document.all.globalmap.offsetWidth
globalmapheight=document.all.globalmap.offsetHeight
document.all.globalmap.style.posLeft=globalmapleftposition
document.all.globalmap.style.posTop=globalmaptopposition
document.all.chooseutctime.style.posLeft=chooseutctimeleftposition
document.all.chooseutctime.style.posTop=chooseutctimetopposition
document.all.nightzoneleft.style.posTop=globalmaptopposition
document.all.nightzoneright.style.posTop=globalmaptopposition
document.all.nightzoneleft.style.posLeft=globalmapleftposition
document.all.nightzoneright.style.posLeft=globalmapleftposition
nightzonewidth=globalmapwidth
nightzoneheight=globalmapheight
clipnighttop=0
clipnightbottom=globalmapheight
document.all.globalmap.style.visibility="visible"
document.all.chooseutctime.style.visibility="visible"
nightzoneright.innerHTML="<img src="+monthimage+".gif' width='"+nightzonewidth+"' height='"+nightzoneheight+"'>"
nightzoneleft.innerHTML="<img src="+monthimage+".gif' width='"+nightzonewidth+"' height='"+nightzoneheight+"'>"
setnightstripes()
}
function initiatenewtime() {
utchours=choose.newhour.options[choose.newhour.selectedIndex].value
monthimage=choose.newmonth.options[choose.newmonth.selectedIndex].value
initiatedaynight()
}
function setnightstripes() {
differencepixels=globalmapwidth/24*utchours
document.all.nightzoneleft.style.posLeft-=differencepixels
clipnightleft=document.all.globalmap.style.posLeft-document.all.nightzoneleft.style.posLeft
clipnightright=globalmapwidth
clipnightpoints="rect("+clipnighttop+" "+clipnightright+" "+clipnightbottom+" "+clipnightleft+")"
document.all.nightzoneleft.style.clip=clipnightpoints
document.all.nightzoneleft.style.visibility="visible"
document.all.nightzoneright.style.posLeft=document.all.nightzoneleft.style.posLeft+globalmapwidth
clipnightleft=0
clipnightright=globalmapwidth-(document.all.nightzoneright.style.posLeft-document.all.globalmap.style.posLeft)
clipnightpoints="rect("+clipnighttop+" "+clipnightright+" "+clipnightbottom+" "+clipnightleft+")"
document.all.nightzoneright.style.clip=clipnightpoints
document.all.nightzoneright.style.visibility="visible"
}
if (document.all) {
document.write('<div id="globalmap" style="position：absolute;visibility:hidden"></div>')
document.write('<div id="nightzoneleft" style="position：absolute;visibility:hidden;filter:alpha(opacity=30)"></div>')
document.write('<div id="nightzoneright" style="position：absolute;visibility:hidden;filter:alpha(opacity=30)"></div>')
document.write('<div id="chooseutctime" style="position：absolute;visibility:hidden;">')
document.write('<form name="choose">')
document.write('<font size=1 color=black face=굴림>GMT 선택</font><br>')
document.write('<select name="newhour" style="font-size:9pt" onChange="initiatenewtime()">')
document.write('<option value="hour">시간</option>')
document.write('<option value="0">0</option>')
document.write('<option value="1">1</option>')
document.write('<option value="2">2</option>')
document.write('<option value="3">3</option>')
document.write('<option value="4">4</option>')
document.write('<option value="5">5</option>')
document.write('<option value="6">6</option>')
document.write('<option value="7">7</option>')
document.write('<option value="8">8</option>')
document.write('<option value="9">9</option>')
document.write('<option value="10">10</option>')
document.write('<option value="11">11</option>')
document.write('<option value="12">12</option>')
document.write('<option value="13">13</option>')
document.write('<option value="14">14</option>')
document.write('<option value="15">15</option>')
document.write('<option value="16">16</option>')
document.write('<option value="17">17</option>')
document.write('<option value="18">18</option>')
document.write('<option value="19">19</option>')
document.write('<option value="20">20</option>')
document.write('<option value="21">21</option>')
document.write('<option value="22">22</option>')
document.write('<option value="23">23</option>')
document.write('</select><br>')
document.write('<font size=1 color=black face=굴림>월 선택</font><br>')
document.write('<select name="newmonth" style="font-size:9pt" onChange="initiatenewtime()">')
document.write('<option value="choose month">월 선택</option>')
document.write('<option value="january">january</option>')
document.write('<option value="february">february</option>')
document.write('<option value="march">march </option>')
document.write('<option value="april">april</option>')
document.write('<option value="may">may</option>')
document.write('<option value="june">june</option>')
document.write('<option value="july">july</option>')
document.write('<option value="august">august</option>')
document.write('<option value="september">september</option>')
document.write('<option value="october">october</option>')
document.write('<option value="november">november</option>')
document.write('<option value="december">december</option>')
document.write('</select>')
document.write('</form>')
document.write('</div>')
window.onload=initiatedaynight
}
//-->
</script>
<DIV ID="text" style="position：absolute;left:10px;top:480px" >
댓글 0
- 전체
- 자유게시판
- 컴퓨터/IT
- 연애/결혼
- 생활지혜/상식
- 홍보팁
- 재테크/카드
- 카페/블로그
- 여행
- 부부생활
- 심리
- 음악/미술
- 법률
- 건강
- 역사
- 인테리어/DIY
- 밀리터리
- 해외직구
- 예능/영화
- 미스테리
- 임신/육아
- 다이어트
- 음식/주방/요리
- 운전/자동차
- 낚시
- 휴대폰
- 운동
- 게임/만화
- 취업/알바/부업
- 사진
- 이사/이민
- 패션/뷰티
- 경제/주식
- 부동산
- 그 외..
| 번호 | 제목 | 글쓴이 |
|---|---|---|
| 3421 | 심장 건강에 좋은 습관 8가지 [1] | 뉴퐁 |
| 3420 | 잠잘 때 왼쪽으로 자면 생기는 신체 변화 7가지 [2] | 뉴퐁 |
| 3419 | 스트레스를 줄이는 놀라운 방법 6가지 [2] | 싹쓰리 |
| 3418 | 여성이 팬티에 대해 알아야 할 7가지 [3] | 싹쓰리 |
| 3417 | 끓였던 물을 또 끓이면 안 되는 이유 [1] | 싹쓰리 |
| 3416 | "치주염 환자, 코로나 감염 땐 사이토카인 폭풍 가능성 높아" [1] | 쌍둥이맘 |
| 3415 | 스마트스토어 상위 노출 꿀팁. 경쟁률 낮은 세부키워드 뽑는 방법 [2] | 나혼자번다 |
| 3414 |
열감지 안면인식 출입관리솔루션 400만원짜리를 40만원에(정부지원사업)
[1]  | 나혼자번다 |
| 3413 | 전자렌지요리 만능 레시피 대공개!! [3] | 나혼자번다 |
| 3412 | 식초로 집안을 반짝반짝하게!! 식초 청소법 [4] | 쌍둥이맘 |
| 3411 | 마시고 남은 김빠진 맥주 활용법 [2] | 쌍둥이맘 |
| 3410 | 계란을 먹은 후 절대 바로 먹으면 안되는 것들 | 쌍둥이맘 |
| 3409 | 아주 유용한 커피상식 | 쌍둥이맘 |
| 3408 | 간 건강과 지방간 완화에 아주 효과적인 채소는? [2] | 싹쓰리 |
| 3407 | 골다공증 예방과 뼈에 아주 좋은 음식 8가지 | 싹쓰리 |
| 3406 | 체했을 때, 감기 걸렸을 때, 관절염 통증에는 이것이 최고!! | 싹쓰리 |
| 3405 | 장을 편안하게 하면서 소화를 돕는 식품 5가지 [1] | 싹쓰리 |
| 3404 | 초보운전자가 반드시 알아야 하는 고속도로 운전매너 5 [1] | 싹쓰리 |
| 3403 | 머리카락이나 두피를 상하게 하는 사소한 습관 5 | 라이믹스 |
| 3402 | 어둡고 칙칙한 피부를 환하게 해주는 필수적인 습관 5 | 라이믹스 |