Minimalist Countdown Timer with timerJS.js

Category: Date & Time , Javascript | February 15, 2014
Author:
Views Total: 2,990
Official Page: Go to website
Last Update: February 15, 2014
License: MIT

Preview:

Minimalist Countdown Timer with timerJS.js

Description:

timerJS.js is a super tiny javascript counter library that counts down in in seconds, minutes, hours and days to any date/time.

How to use it:

Include the timerJS.js javascript in the html document.

<script type="text/javascript" src="./timerJS.js"></script>

Create a container for a countdown timer. Use data-timer attribute to set the date/time you would like to count down to.

<span class="timer_js" data-timer="5000"></span>

Basic usage.

<script type="text/javascript">
var timers = new TimerJS('.timer_js');
</script>

Available options.

on_end: function( el ){},
in_progress: function( el ){},
on_ready: function(  ){},
end_text: "end",
time_null: ".:..:..:..",
alert_end1: 120000,
alert_end2: 60000,
alert_end3: 20000,
alert_color: "#ff2600",
alert_background: "#660000",
prog_color: "#76d6ff",
prog_background: "#011993",
blink: false,
pad_zero: false,
pre_text: ""

You Might Be Interested In:


Leave a Reply