So-net無料ブログ作成
検索選択

Instagram

日々の庭は、インスタグラムでやってます。
@fintopo(Instagram)

季節暦 Ver.1.0 [└季節暦]

季節暦(インデックスページ)に戻る

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

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

もし使いたいという人がいましたら、コピー&ペーストしてください。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>


季節暦(インデックスページ)に戻る

nice!(3)  コメント(1)  トラックバック(0) 
共通テーマ:趣味・カルチャー

nice! 3

コメント 1

Ryu

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

コメントを書く

お名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この記事のトラックバックURL:
※言及リンクのないトラックバックは受信されません。
メッセージを送る