仙石線 完全復旧 カウンター
仙石線の完全復旧が待ちきれない石巻市民の皆さんのために、カウンターを作りました。
仙石線 完全復旧まであと
<style><!-- /* タイマーの枠設定 */ #timer{ border: 1px solid #000000; /* 枠のスタイル */ padding: 16px; width:300px; /* 枠の横の長さ */ text-align:center; /* 真ん中寄せ */ font-weight:bold; /* 太字にする */ } /* 「あと」の大きさ */ #timerAft{ font-size:120% } /* カウントダウン数字の大きさ */ #dayTime{ font-size:150%; } --></style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript">// <![CDATA[ $(function() { var NowTime = new Date(); var targetTime = new Date("May 30,2015 00:00:00"); var spanTime = targetTime - NowTime; var dayTime = 24 * 60 * 60 * 1000; // 期限から現在までの『残時間の日の部分』 var d = Math.floor(spanTime / dayTime) // 期限から現在までの『残時間の時間の部分』 var h = Math.floor((spanTime % dayTime) / (60 * 60 * 1000)) $("#dayTime").text(d + '日 ' + h + '時間'); }); // ]]></script> <div id="timer"> <p>仙石線 完全復旧まで<span id="timerAft">あと</span></p> <div id="dayTime"> </div> </div>