Simple Round Countdown Timer Plugin For jQuery

File Size: 18.4 KB
Views Total: 14844
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple Round Countdown Timer Plugin For jQuery

Yet another jQuery countdown timer plugin that creates a CSS3 based circular ticking timer with custom duration and time units.

See also:

How to use it:

1. Load the required timer.css stylesheet for basic timer styles.

<link rel="stylesheet" href="css/timer.css">

2. Load timer.js script after jQuery JavaScript library.

<script src="//"></script>
<script src="js/timer.js"></script>

3. Create an empty container to place the countdown timer.

<div id="demo"></div>

4. Call the plugin on the container and specify the duration & time unit for the countdown timer.

duration: 10, 
unit: 's' // 's', 'm', or 'h'

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