<HTML>


<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=UNICODE">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>アコニック・ランド：西暦⇔六十干支・九星の早見表（JavaScript）</title>

<link rel="stylesheet" type="text/css" href="../style.css">

<link rel="shortcut icon" href="../uam.ico">

<script type="text/javascript">

<!--

function eto(A1,A2){

	ages=A1.ages.value-0;

	rows=A1.rows.value-0;

	cols=A1.cols.value-0;


	jikkan=["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"];

	jikkankun=["きのえ","きのと","ひのえ","ひのと","つちのえ","つちのと","かのえ","かのと","みずのえ","みずのと"];

	jikkanon=["コウ","オツ","ヘイ","テイ","ボ","キ","コウ","シン","ジン","キ"];

	juunishi=["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"];

	juunishikun=["ね","うし","とら","う","たつ","み","うま","ひつじ","さる","とり","いぬ","い"];

	juunishion=["シ","チュウ","イン","ボウ","シン","シ","ゴ","ビ","シン","ユウ","ジュツ","ガイ"];

	kyuusei=["一白水星","二黒土星","三碧木星","四緑木星","五黄土星","六白金星","七赤金星","八白土星","九紫火星"];

	kyuuseiyomi=["いっぱくすいせい","じこくどせい","さんぺきもくせい","しろくもくせい","ごおうどせい","ろっぱくきんせい","しちせききんせい","はっぱくどせい","きゅうしかせい"];

	wareki=[

		{name:"令和",age:2019},

		{name:"平成",age:1989},

		{name:"昭和",age:1926},

		{name:"大正",age:1912},

		{name:"明治",age:1868},

	];


	str="<table border=1>";

	str+="<tr bgcolor=#80ffff>";

	for(j=0;j<cols;++j){

		str+="<th>西暦</th>";

		if(A1.dspwareki.checked)str+="<th>和暦</th>";

		if(A1.dspeto.checked)str+="<th>干支</th>";

		if(A1.dspkyuusei.checked)str+="<th>九星</th>";

	}

	str+="</tr>";

	for(i=0;i<rows;++i){

		//str+="<tr bgcolor="+(i%2?"#ffff80":"#ffffff")+">";

		str+="<tr>";

		for(j=0;j<cols;++j){

			age=ages+i+j*rows;

			colordtd="<td bgcolor="+((i+j)%2?"#ffff80":"#ffffff")+">";

			str+=colordtd+(age>0 || !A1.usebc.checked?age:"B.C."+(-age+1))+"</td>";

			if(A1.dspwareki.checked)str+=colordtd+(function(){

				wk=wareki.find(x => age>=x.age) || wareki[wareki.length-1];

				return wk.name+(age-wk.age+1);

			})()+"</td>";

			if(A1.dspeto.checked)str+=colordtd+jikkan[(age+6)%10]+juunishi[(age+8)%12]+(A1.dspyomi.checked?"（"+jikkankun[(age+6)%10]+juunishikun[(age+8)%12]+"/"+jikkanon[(age+6)%10]+juunishion[(age+8)%12]+"）":"")+"</td>";

			if(A1.dspkyuusei.checked)str+=colordtd+kyuusei[8-(age+7)%9]+(A1.dspyomi.checked?"（"+kyuuseiyomi[8-(age+7)%9]+"）":"")+"</td>";

		}

		str+="</tr>";

	}

	str+="</table>";

	A2.innerHTML=str;

}

// -->

</script>

</HEAD>


<BODY style="font-family:MS UI Gothic;" onload="eto(document.F1,document.all.P1)">


<h3>

西暦⇔六十干支・九星の早見表（JavaScript）<BR>

</h3>


<p id="P1">

</p>


<form name="F1" action="#">

始点（左上隅）の西暦<input type="textbox" name="ages" value="1980"><BR>

表示件数（縦×横）<input type="textbox" name="rows" value="20" size=5 maxlength=2>×<input type="textbox" name="cols" value="4" size=5 maxlength=2><BR>

和暦（明治～令和）を表示<input type="checkbox" name="dspwareki" value="on"><BR>

干支（十干十二支）を表示<input type="checkbox" name="dspeto" value="on" checked><BR>

九星を表示<input type="checkbox" name="dspkyuusei" value="on" checked><BR>

マイナス西暦をB.C.で表示<input type="checkbox" name="usebc" value="on" checked><BR>

読みを表示<input type="checkbox" name="dspyomi" value="on"><BR>

<input type="button" value="表示" onclick="eto(document.F1,document.all.P1)">

</form>


<p>

2021/3/14：読み・和暦の表示機能、干支/九星の非表示機能、西暦が非正の際にB.C.で表示する機能を追加。<BR>

2020/1/24：九星も表示されるように。<BR>

2017/3/21：作成<BR>

</p>


<hr>


<p>

<a href="index.htm">戻る</a><BR>

<a href="../index.htm">トップに戻る</a><BR>

</p>


</BODY>


</HTML>