楽天やyahooなどでセールが終わる時間丁度に、イベントバナーを非表示にしたり、別のバナーに切り替えたりしたいのですがどのようにすればいいでしょうか?
yahooではトリプルが必要になりますが、下記Javascriptを使う事で時間を指定してバナーを非表示にしたり、別のものに切り替えることが出来ます。
<script type=”text/javascript”>
var now = new Date();
var start = new Date(‘2018/7/8 0:00:00’); // 表示開始日時(時間は24h表記)
var end = new Date(‘2018/7/10 23:59:59’); // 表示終了日時(時間は24h表記)
if ( start < now && now < end ){
document.getElementById(“EventCont”).style.display=”block”;
document.getElementById(“Normal”).style.display=”none”;
}else{
document.getElementById(“EventCont”).style.display=”none”;
document.getElementById(“Normal”).style.display=”block”;
}
</script>
<div id=”EventCont”>
<!– ここに指定期間中に表示させたい内容を書き込む — >
</div>
<div id=”Normal”>
<!– ここに指定期間外に表示させたい内容を書き込む — >
</div>
非表示にするだけの場合は、idがNormalの部分を省いて利用してください。