# Advanced coupon site

This example handle multiple cases of the countdown, show `%-w` weeks and `%-d` days only when necessary and handle pluralization, display the time as `%H:%M:%S`.

Limited Time Only!
Change the value on the drop down to see the changes.

##### HTML:

    <div class="countdown">
      Limited Time Only!
      <span id="clock"></span>
    </div>

##### JS:

    $('#clock').countdown('2020/10/10 12:34:56')
    .on('update.countdown', function(event) {
      var format = '%H:%M:%S';
      if(event.offset.totalDays > 0) {
        format = '%-d day%!d ' + format;
      }
      if(event.offset.weeks > 0) {
        format = '%-w week%!w ' + format;
      }
      $(this).html(event.strftime(format));
    })
    .on('finish.countdown', function(event) {
      $(this).html('This offer has expired!')
        .parent().addClass('disabled');

    });