[JS] カウントダウンタイマー

カウントダウンの数字が全部バラで要素に入っててスタイルが個別につけられるやつ

See the Pen Countdown Timer by Tenderfeel (@Tenderfeel) on CodePen.

HTMLは以下のように出力される。

<div class="countdown" id="countdown">
  <div class="nums days"><span class="num" data-num="1">1</span><span class="num" data-num="1">1</span><span class="num" data-num="9">9</span></div>
  <span class="colon">:</span>
  <div class="nums hours"><span class="num" data-num="0">0</span><span class="num" data-num="6">6</span></div>
  <span class="colon">:</span>
  <div class="nums minutes"><span class="num" data-num="1">1</span><span class="num" data-num="8">8</span></div>
  <span class="colon">:</span>
  <div class="nums seconds"><span class="num" data-num="1">1</span><span class="num" data-num="9">9</span></div>
</div>

ソースはgistにおきました。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください