復興ログ

未来の被災地にいるアナタと数十年後のキミたちへ。すべての記録を残します。

仙石線 完全復旧 カウンター

仙石線の完全復旧が待ちきれない石巻市民の皆さんのために、カウンターを作りました。

仙石線 完全復旧まであと

どうぞ、ご自由にお使いください!

<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>