#author("2020-10-06T06:34:45+09:00","","")
#author("2020-10-06T07:08:02+09:00","","")
#dw{{
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<link href="https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c" rel="stylesheet">

<script type="text/javascript">
  $(function() {
    countDown();
  });
  function countDown() {
  var startDateTime = new Date();
  //var endDateTime = new Date("January 01,2021 00:00:00");
  var endDateTime = new Date("2021-1-1 13:00:00");
  var endDateTime = new Date("2020-10-11 20:00:00");
  var left = endDateTime - startDateTime;
  var a_day = 24 * 60 * 60 * 1000;

// 期限から現在までの『残時間の日の部分』
  var d = Math.floor(left / a_day) 

// 期限から現在までの『残時間の時間の部分』
  var h = Math.floor((left % a_day) / (60 * 60 * 1000)) 

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

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

  $("#TimeLeft").text(d + '日' + h + '時間' + m + '分' + s + '秒');
    setTimeout('countDown()', 1000);
  }
</script>

<div class="Timer">
  <p>ライブ開始まで</p>
  <div id="TimeLeft"></div>
  <p>■ライブ開始まで</p>
  <div id="TimeLeft" class='wf-roundedmplus1c'></div>
</div>

<style>
#contents,body{
background:transparent;
color:lavender;
}
#TimeLeft{
color:crimson;
color:aliceblue;
font-size:60px;
margin-bottom:40px;
}

.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
</style>
}}


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS