Minimalist Countdown Timer with timerJS.js

Category: Date & Time , Javascript | February 15, 2014
Views Total:1,843 views
Official Page:Go to website
Last Update:February 15, 2014


Minimalist Countdown Timer with timerJS.js


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');

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