毎月1日は楽天市場のワンダフルデー、毎月18日は楽天市場ご愛顧感謝デー、毎月5と0のつく日は楽天カード利用でポイント5倍。
ヤフーショッピング5のつく日はポイント5倍、ゾロ目の日はお得なクーポン開催・・・・・
バナーを貼るのも大変です、そんな時に便利なのが毎月決まった日だけにバナーを表示する「JS」、ゴールドやトリプルならば使えます。
毎月1日だけ表示
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> <!-- var today = new Date(); var day = today.getDate(); if( day == 1 ){ document.write('【ここに表示させたいHTMLを記載】'); } --> </script> |
複数の日付を指定する場合
1 2 3 4 5 6 7 8 |
<script type="text/javascript"> <!-- var today = new Date(); var day = today.getDate(); if( day == 5 || day == 15 || day == 25 || day == 11 || day == 22 ){ document.write('【ここに表示させたいHTMLを記載】'); --> </script> |
18日だけバナーを入れ替える
1 2 3 4 5 6 7 8 9 10 11 |
<script type="text/javascript"> <!-- var today = new Date(); var day = today.getDate(); if( day == 18 ){ document.write('【特定の日付で変わるHTMLコード】'); }else{ document.write('【普段表示させておくHTMLコード】'); } --> </script> |
期間で指定する
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script type="text/javascript"> <!-- var today = new Date(); var day = today.getDate(); var startDay1 = 2; var endDay1 = 5; var startDay2 = 12; var endDay2 = 15; if( day >= startDay1 && day <= endDay1 || day >= startDay2 && day <= endDay2 ){ document.write('【2日~5日と12日~15日に表示するHTMLコード】'); }else{ document.write('【普段表示させておくHTMLコード】'); } --> </script> |
とても便利なスクリプトですね。
参考
【Yahoo!ショッピング5のつく日用】毎月同じ日付 or 期間で表示する内容を変えるJavaScript
コメント