コピペOK!月毎に違うテキストを表示させるJavascript | shortycolossus
no-image

コピペOK!月毎に違うテキストを表示させるJavascript

このままコピペして、var month_objで記載した「1月はチャンスです」などを書き換えます。


などを挿入したい箇所に記載すれば、今月の文言がdiv内にひょうじされます。

function monthly_contents(target_class,contents_obj) {
// 月別のコンテンツを特定のクラスに流し込む関数
// target: 挿入したい箇所に記載するclass名を記載
// contents_obj: {'1' : 'text'} の形で1-12まで表示させたいテキストを記載
var month = new Date().getMonth()+1; //今月
var targets = document.getElementsByClassName(target_class); var content = contents_obj[month];

if (targets.length > 0) {
for (var i = targets.length - 1; i >= 0; i--) {
targets[i].innerHTML = content;
}
}
}

var month_obj = {
'1': '1月はチャンスです',
'2': '2月はチャンスです',
'3': '3月はチャンスです',
'4': '4月はチャンスです',
'5': '5月はチャンスです',
'6': '6月はチャンスです',
'7': '7月はチャンスです',
'8': '8月はチャンスです',
'9': '9月はチャンスです',
'10': '10月はチャンスです',
'11': '11月はチャンスです',
'12': '12月はチャンスです',
};
monthly_contents('month_text',month_text_obj); //
pocketlinehatebuimagegalleryaudiovideocategorytagchatquotegoogleplusfacebookinstagramtwitterrsssearchenvelopeheartstaruserclosesearch-plushomeclockupdateeditshare-squarechevron-leftchevron-rightleafexclamation-trianglecalendarcommentthumb-tacklinknaviconasideangle-double-upangle-double-downangle-upangle-downstar-halfstatus