#author("2020-12-09T13:24:16+09:00","","") #author("2020-12-09T13:24:53+09:00","","") #dw{{ <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <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("2020/12/09 15:45: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> <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> }}