○のつく日だけバナー表示

きたまき

2014年10月20日 21:16

仕事で「8のつく日だけバナー表示したい」という希望が出たので、
ちょっとJavaScriptを書いてみることに。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>サンプル1</title>
<script type="text/javascript">
window.onload = function(){
//8のつく日だけバナー表示
if(String(new Date().getDate()).slice(-1) == "8"){
document.getElementById("MyEvent").style.visibility="visible";
document.getElementById("Usually").style.visibility="hidden";
}else{
document.getElementById("MyEvent").style.visibility="hidden";
document.getElementById("Usually").style.visibility="visible";
}
};
</script>
</head>

<body>
<div id="MyEvent">
<a href="リンク先URL">
<img src="バナーファイル名">
</a>
</div>

<div id="Usually">
イベント期間外です。
</div>
</body>
</html>



こんな感じでどうでしょう。

下記を参考にしてちょっとアレンジしてます。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q10134860665

これを応用すれば、○月○日から▲月▲日までは◇◇セール!
とかも出来そうですね。


※注意
「日」しか見ていません。「8月」とかは無視されます。
日も月も見るパターンは多分あまり無いでしょうね。。。。

関連記事