カウントダウン

説明補足説明コード関連書籍コメント投稿

このサンプルは、jQueryのcountdown()プラグインを利用して カウントダウンを表示します。 ここでは、「誕生日まで」と「試験まで」などのカウントダウンを表示しています。

このサンプルは、jQueryのcountdown()プラグインを利用して カウントダウンを表示します。 ここでは、「誕生日まで」と「試験まで」などのカウントダウンを表示しています。 

var liftoffTime = new Date();
liftoffTime.setDate(liftoffTime.getDate() + 5); 
  
$(function() {

  $.countdown.setDefaults({ description: '誕生日まであと' });

  $('#countdown1').countdown({ until: liftoffTime });
  $('#countdown2').countdown({ until: liftoffTime,
    format: 'HMS',
    description: '試験まであと'
  });
  $('#countdown3').countdown({ until: liftoffTime,
    compact: true,
    description: ''
  }); 

<div id="countdown1" class="countdownStyle"></div>   
<div id="countdown2" class="countdownStyle"></div>   
<div id="countdown3" class="countdownStyle"></div>