Minimal Countdown Timer In Seconds Using jQuery

File Size: 4.47 KB
Views Total: 1072
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal Countdown Timer In Seconds Using jQuery

An extremely lightweight (~400 bytes) jQuery seconds countdown plugin that counts down from specific seconds, with or without repetition.

How to use it:

1. Load the JavaScript countdownTimer.min.js after jQuery library.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/src/countdownTimer.min.js"></script>

2. Create a container to hold the countdown timer.

<p>
  Countdown
  <span id="example"></span> 
  Seconds.
</p>

3. Initialize the plugin and specify the number of seconds you want to count down from. Default: 5.

$('#example').countdownTimer({
  seconds: 10,
});

4. Determine whether to loop the countdown timer. Default: true.

$('#example').countdownTimer({
  seconds: 10,
  loop: false,
});

5. Execute a callback when the countdown ends.

$('#example').countdownTimer({
  seconds: 10,
  callback: function(){
    // do something
  }
});

This awesome jQuery plugin is developed by lee-ratinan. For more Advanced Usages, please check the demo page or visit the official website.