「javascript/event_timer」の編集履歴（バックアップ）一覧はこちら

「javascript/event_timer」(2018/12/20 (木) 22:40:43) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#javascript(){{
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript">
      $(function() {
        countDown();
      });
      function countDown() {
        var now = new Date();
        var estart = new Date("Dec 21,2018 22:00:00");
        var estart2 = new Date("Jan 6,2019 00:00:00");
        var left = estart - now;
        var left2 = estart2 - now;
        var a_day = 24 * 60 * 60 * 1000;

        var d = Math.floor(left / a_day) 
        var d2 = Math.floor(left2 / a_day) 

        var h = Math.floor((left % a_day) / (60 * 60 * 1000)) 
        var h2 = Math.floor((left2 % a_day) / (60 * 60 * 1000)) 

        var m = Math.floor((left % a_day) / (60 * 1000)) % 60 
        var m2 = Math.floor((left2 % a_day) / (60 * 1000)) % 60 

        var s = Math.floor((left % a_day) / 1000) % 60 % 60 
        var s2 = Math.floor((left2 % a_day) / 1000) % 60 % 60 

        var dd = (d+"日").slice(-3);
        var dd2 = (d2+"日").slice(-3);
        var hh = ("0" + h+"時間").slice(-4);
        var hh2 = ("0" + h2+"時間").slice(-4);
        var mm = ("0" + m+"分").slice(-3);
        var mm2 = ("0" + m2+"分").slice(-3);
        var ss = ("0" + s+"秒").slice(-3);
        var ss2 = ("0" + s2+"秒").slice(-3);

        var c = Math.sign(left);
        var c2 = Math.sign(left2);

        function time(a,a2,a3,a4){
          if(a=="0日"){a="";}
          if(a2=="00時間"){a2="";}
          if(a3=="00分"){a3="";}
          if(a4=="00秒"){a4="";}
          $("#timeleft").text(a + "" + a2 + "" + a3 + "" + a4 + "");
        }

        switch (c) {
          case 1:
            $("#event").text("開催まであと");
            time(dd,hh,mm,ss);
            break;
          case 0:
            $("#event").text("開催まであと");
            time(dd,hh,mm,ss);
            break;
          case -1:
            if(c2==1){
              $("#event").text("開催中！終了まであと");
              time(dd2,hh2,mm2,ss2);
            }
            else{
              $("#event").text("終了");
              $("#timeleft").text("");
            }
            break;
                 }
        setTimeout("countDown()", 1000);
      }
    </script>
}}

#javascript(){{
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript">
      $(function() {
        countDown();
      });
      function countDown() {
        var now = new Date();
        var estart = new Date("Dec 21,2018 23:00:00");
        var estart2 = new Date("Jan 6,2019 00:00:00");
        var left = estart - now;
        var left2 = estart2 - now;
        var a_day = 24 * 60 * 60 * 1000;

        var d = Math.floor(left / a_day) 
        var d2 = Math.floor(left2 / a_day) 

        var h = Math.floor((left % a_day) / (60 * 60 * 1000)) 
        var h2 = Math.floor((left2 % a_day) / (60 * 60 * 1000)) 

        var m = Math.floor((left % a_day) / (60 * 1000)) % 60 
        var m2 = Math.floor((left2 % a_day) / (60 * 1000)) % 60 

        var s = Math.floor((left % a_day) / 1000) % 60 % 60 
        var s2 = Math.floor((left2 % a_day) / 1000) % 60 % 60 

        var dd = (d+"日").slice(-3);
        var dd2 = (d2+"日").slice(-3);
        var hh = ("0" + h+"時間").slice(-4);
        var hh2 = ("0" + h2+"時間").slice(-4);
        var mm = ("0" + m+"分").slice(-3);
        var mm2 = ("0" + m2+"分").slice(-3);
        var ss = ("0" + s+"秒").slice(-3);
        var ss2 = ("0" + s2+"秒").slice(-3);

        var c = Math.sign(left);
        var c2 = Math.sign(left2);

        function time(a,a2,a3,a4){
          if(a=="0日"){a="";}
          if(a2=="00時間"){a2="";}
          if(a3=="00分"){a3="";}
          if(a4=="00秒"){a4="";}
          $("#timeleft").text(a + "" + a2 + "" + a3 + "" + a4 + "");
        }

        switch (c) {
          case 1:
            $("#event").text("開催まであと");
            time(dd,hh,mm,ss);
            break;
          case 0:
            $("#event").text("開催まであと");
            time(dd,hh,mm,ss);
            break;
          case -1:
            if(c2==1){
              $("#event").text("開催中！終了まであと");
              time(dd2,hh2,mm2,ss2);
            }
            else{
              $("#event").text("終了");
              $("#timeleft").text("");
            }
            break;
                 }
        setTimeout("countDown()", 1000);
      }
    </script>
}}