季節によって異なるメッセージを表示

DateオブジェクトのgetMonthメソッドを使用することで、季節ごとの処理ができます。

デモ

 

関数定義

JavaScript

/**
 * 季節によって異なるメッセージを表示
 */
var seasonChangeText = function() {
	var seasonText = {
	        spring : '春です。',
	        summer : '夏です。',
	        autumn : '秋です。',
	        winter : '冬です。'
	    },
	    element   = document.getElementById('season-box'),
	    dateObj   = new Date(),
	    dateMonth = dateObj.getMonth() + 1,
	    str       = '';

	// 月により文字を切り替え
	if (dateMonth >= 3 && dateMonth <= 5) {
		str = seasonText.spring;
	} else if (dateMonth >= 6 && dateMonth <= 8) {
		str = seasonText.summer;
	} else if (dateMonth >= 9 && dateMonth <= 11) {
		str = seasonText.autumn;
	} else {
		str = seasonText.winter;
	}

	// 出力
	if (element) element.innerHTML = str;
};

HTML

								<div id="season-box">&nbsp;</div>
							

使い方

JavaScript

var result = seasonChangeText();

戻り値

メッセージを返します。

JavaScript

var result = seasonChangeText();

alert(result);

JavaScript逆引きリファレンス一覧へ戻る