jQuery

【jQuery】jQuery用のカウントダウンタイマープラグインSimple.Timer

April 29, 2018
Simple.Timer

Simple.Timerはカウントダウンタイマーを作成するjQueryプラグイン。

Usage

Source code:

<div class="timer" data-seconds-left=65></div>

<script src="jquery.js"></script>
<script src="jquery.simple.timer.js"></script>
<script>
  $(function(){
    $('.timer').startTimer();
  });
</script>
<style>
  .timer, .timer-done, .timer-loop {
    font-size: 30px;
    color: black;
    font-weight: bold;
    padding: 10px;
  }

  // These are the default CSS classes
  // used by this plugin. Use these values
  // for a basic style to get started.
  .jst-hours {
    float: left;
  }
  .jst-minutes {
    float: left;
  }
  .jst-seconds {
    float: left;
  }
  .jst-clearDiv {
    clear: both;
  }
  .jst-timeout {
    color: red;
  }
</style>

MIT