季節暦 Ver.1.0

季節暦（インデックスページ）に戻る

季節暦 Ver.1.0 のソースです。

このバージョンでは、一年を単純に12で割って「月」とし、各月ごとに色が変わるようにしています。一年の始まりは、立春（２月４日）です。色は、私の季節感に合わせていますので、東海地方以外ではイメージが合わないかもしれません。「％」表示は、０％が月初、１００％が月末となります。

もし使いたいという人がいましたら、コピー＆ペーストしてください。So-netブログの場合は、レイアウト管理でカスタムペインにコピーすれば使えます。

JavaScriptは、普段使わないので、不具合があるかもしれません。要望、不具合は、コメントしてくれるとうれしいです。

無保証、改変自由です。不慣れな言語なので、べたな書き方をしてますから、解説はなくてもわかるでしょう。

<script type="text/javascript">
<!--	
// 今日の日付を取得
Today = new Date();
yy = Today.getFullYear();
mm = Today.getMonth() + 1;
dd = Today.getDate();

// 今年の立春（2月4日）を基準日とする
FirstDay = new Date(yy, 1, 4); 

// 季節月を求める
TodayTime = Today.getTime();
if (Today < FirstDay ) { // 今日が基準日より前の場合は、一年追加。
	TodayTime = TodayTime + 31561920000; 
	        // 31561920000 = 365.3（一年の長さ）*24時間*60分*60秒*1000ms
}
NumberOfDays = (TodayTime - FirstDay.getTime())/ 86400000; 
        // 基準日から今日までの日数。86400000 = 24時間 * 60分 * 60秒 * 1000ms
m = NumberOfDays / 30.442; // 30.442 = 365.3（一年の長さ） / 12ヶ月
SeasonMonth = Math.floor(m); // 季節月。
SeasonPer = Math.floor((m - SeasonMonth)*100);

// 季節月に応じてパラメータを設定
s = new Array("初春", "中春", "晩春", "初夏", "中夏", "晩夏", 
        "初秋", "中秋", "晩秋", "初冬", "中冬", "晩冬");
c = new Array("#ffffff", "#ffccff", "#ff66ff", "#74E874", "#8FD8DD", "#FFFD47", 
        "#FFDF61", "#FFC58D", "#FE8F22", "#EE7600", "#dddddd", "#eeeeee");
b = new Array("#E400E1", "#007200", "#B85B00", "#cccccc");

// 表示
document.write("<div style=\"background-color:" + c[SeasonMonth]
        + "; border: 10px solid " + b[Math.floor(SeasonMonth/3)]
        + "; padding: 3px;\">");
document.write("<div style=\"text-align:left; margin-bottom: 2em;"
        + "font-weight: bold; font-size: large;\">");
document.write(s[SeasonMonth] + " " + SeasonPer + "%");
document.write("<\/div>");
document.write("<div style=\"text-align:right; font-size: small;\">");
document.write(yy + "年" + mm + "月" + dd + "日");
document.write("<\/div>");
document.write("<\/div>");
document.write("<div style=\"text-align:right; font-size: x-small;\">"
        + "<a href=\"http://rimura2.blog.so-net.ne.jp/SeasonCalendar\">季節暦"
        + "</a>Ver.1.0<\/div>");
// -->
</script>

季節暦（インデックスページ）に戻る

コメント 1

我輩も…と思ったのですが、また時間的な余裕が出来たら使わせてもらおうと思います。今日は良い天気です。
by Ryu (2008-10-17 13:26)