季節によって異なるメッセージを表示
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"> </div>
使い方
JavaScript
var result = seasonChangeText();
戻り値
メッセージを返します。
JavaScript
var result = seasonChangeText();
alert(result);