Hatena::ブログ(Diary)

HTML5やCSSやCMSやオープンソースなどなどの設定備忘録|hacked by micc

このブログは自分のノウハウメモとして書いてます。
で、誰かの役に立ったらいいなーという程度の気持ちで公開してますので、参考程度にしてください。

2010-06-14

javascript 世界時計 日付、日時

| 13:12

javascriptの世界時計

下記を参考させていただき、formの表示部分を修正した。

ブログパーツ風味の一行時計(世界時計バージョン2種)

http://satokoto.blog10.fc2.com/blog-entry-404.html

<FORM name=sato5 style="margin:10 0 10 0;">
<INPUT type=text name=koto5 size=45 style="vertical-align:middle; font-size:12px; letter-spacing:0.1em; border:#DDD 1px solid; text-align:center; color:#FFF; background-color: #000; background-image:none; width:180px;" />
</FORM>

<SCRIPT type="text/javascript"><!--
//-----------簡単設定ここから----------

city="[L.A]"

//-----------簡単設定ここまで------------
var y,m,d,h,mt,s;

function dayday5(){
	setTimeout("dayday5()",1000);
	wt(-7);         //★日本との時差+9時間をカッコ内に記入★
	document.sato5.koto5.value=y+'.'+m+'.'+d+' '+h+":"+mt+":"+s+city;
}

function wt(sa){
	var t=new Date();

	y=t.getUTCFullYear();

	m=t.getUTCMonth()+1;
	d=t.getUTCDate();
	h=t.getUTCHours()+sa;

	if(h < 0){
		h+=24;d-=1;
	}else if(h > 23){
		h-=24;d+=1;
	}

	if(d==0){
		m-=1;
		if((m==1 || m==3 || m==5 || m==7 || m==8 || m==10)){
			d=31;
		}else if((m==4 || m== 6 || m==9 || m==11)){
			d=30;
		}else if(m==0){
			y-=1;m=12;d=31;
		}else if(m==2){
			if(((y%4 == 0) && (y%100 != 0)) || (y%400 == 0)){
				d=29;
			}else{
				d=28;
			}
		}
	}

	if((m==1 || m==3 || m==5 || m==7 || m==8 || m==10 || m==12) && (d>31)){
		m+=1;d=1;
		if(m==13){
			y+=1;m=1;
		}
	}else if((m==4 || m== 6 || m==9 || m==11) && (d>30)){
		m+=1;d=1;
	}else if(m==2){
		if(((y%4 == 0) && (y%100 != 0)) || (y%400 == 0)){
			if(d>29){
				m+=1;d=1;
			}
		}else if(d>28){
			m+=1;d=1;
		}
	}

	mt=t.getUTCMinutes();
	s=t.getUTCSeconds();

	if(m<10)
		m="0"+m;
	if(d<10)
		d="0"+d;
	if(h<10)
		h="0"+h;
	if(mt<10)
		mt="0"+mt;
	if(s<10)
		s="0"+s;
}

dayday5();/* satokoto.blog10.fc2.com */
//--></SCRIPT>