- 追加された行はこの色です。
- 削除された行はこの色です。
#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>
}}