Lightweight JavaScript Timer Library – Timer.js

Category: Date & Time , Javascript | September 24, 2015
Author: aakash-cr7
Views Total: 3,191
Official Page: Go to website
Last Update: September 24, 2015
License: MIT

Preview:

Lightweight JavaScript Timer Library – Timer.js

Description:

Timer.js is a lightweight, generic JavaScript timer library which allows you to start / stop / resume / reset a timer inside any HTML element.

How to use it:

Download and include the timer.js JS file in your html page.

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

Add a timer placeholder with controls to the webpage.

<div id="timer">
</div>
<button id="start">Start</button>
<button id="reset">Reset</button>
<button id="resume">Resume</button>
<button id="stop">Stop</button>

Initialize the timer.

function initTimer(id) {
	Timer.init(id);
	document.getElementById('start').addEventListener('click', Timer.start);
	document.getElementById('stop').addEventListener('click', Timer.stop);
	document.getElementById('resume').addEventListener('click', Timer.resume);
	document.getElementById('reset').addEventListener('click', Timer.reset);

}

You Might Be Interested In:


Leave a Reply