【指定した日時に自動的にバナー画像を切り替えるスクリプト】

「オープン日にトップバナーを自動的に切り替えたい。」

クライアントサイトを制作している中で、このような事案は結構ないだろうか。

オープンまでの間は、プレオープンの告知バナーを貼っておき、
オープン日に自動的に本バナーに切り替えたいと思い、ひたすらググってみたが、
どうも良いスクリプトが見つからない･･･(；´Д｀)

仕方ないので作ってみた。

【HTML】

<script type="text/javascript">

    <!--//

    //変数を定義

      mt = new Date(); //月を取得

      myMonth = mt.getMonth() + 1;
      dt = new Date(); //日にちを取得

      myDate = dt.getDate();
      hr = new Date(); //時間を取得　※今回は使わないが。

      myHours = hr.getHours();
      mn = new Date(); //分を取得　※今回は使わないが。

      myMinutes = mn.getMinutes();
      sc = new Date(); //秒を取得　※今回は使わないが。

      mySeconds = sc.getSeconds();

   

    //時間を取得して条件分岐

    //19日まではpre_imageを表示、20日から31日までtop_imageを表示させ、1日に切り替わった後は4月以降というステータスでtop_imageを表示させる
      if(myDate >= 20){

      document.write("<img src='images/top_image.png' width='900' height='200' alt='XXX' title='XXX' />");

      }else if(myMonth >= 4){

      document.write("<img src='images/top_image.png' width='900' height='200' alt='XXX' title='XXX' />");

      }else{

      document.write("<img src='images/pre_image.png' width='900' height='200' alt='XXX' title='XXX' />");

      }
    //-->

  </script>