jTimer
It’s a jquery plugin for time that control the time with a structure like strftime with a high perfomance.
How it work
When you use jTimer for get time with a structure that contains second you run an interval of 1 second, but when you use it for get time with a structure that contain: (minute you run an interval of 60 second, hours ==> interval of 3600 second, day, month….).
- So it improve perfomance by reducing the interval.
Installation
npm install jtimer
Test
npm test
Usage on Browser
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.1.1/jquery.min.js'></script> // call jquery
<script src="jTimer.min.js"></script> // call jTimer script
- jTimer don’t work with jQuery 3.0.0 and higher.
Time format
%ss ==> Secondes
%mm==> Minutes
%hh ==> Hours
%d ==> day(0-31)
%dd ==> number of dayWeek(0-6)
%D==> day of week(sunday,Saturday...)
%DD ==> short dayWeek(sun,mon...)
%LL ==> mini dayWeek(su,mo...)
%M ==> monthes(January,Fev...)
%MM ==> mini monthes(jan,dec..)
%m ==> monthes(1-12)
%y ==> year
// the default format output of jTimer() is : %D %d %M %y
// the default language of jTimer is : Arabic
jTimer Language
AR ==> Arabic
AR-GR ==> Arabic Gregorian
AR-MG ==> Arabic Maghrebic
EN ==> English
FR ==> Francais
AZ ==> Azérie
DE ==> Deutch
IT ==> Italien
AF ==> African
ES ==> Espagnol
ID ==> Indonesian
PT ==> Portuguese
// Language propertie is a insensitive-case
jTimer Usage
$(document).ready(function() {
var dom=$(".heure");
dom.jTimer({
format:"%hh:%mm:%ss",
lang:"en"
}); // They will output the time in selected element
});
look here for demo
jTimer Add new language
- You now that we don’t have all language in jTimer so you can add new language to jTimer, first set true to change propertie to allow language changing, then add 12 month as an array to propertie monthArray, and 7 day week also like an array to dayArray, also specify the propertie shift that control long of the short day (sunday ==> Sun …).
$(document).ready(function() {
var dom=$(".heure");
dom.jTimer({
format:"%hh:%mm:%ss",
change:true,
monthArray=[],// define 12 month like an array by your language
dayArray:[],// define 7 day of week
shift:3// define how long it the short day of week and month (sunday ==> sun, january ==> jan)
}); // They will output the time in selected element
});
Licence
jTimer is freely distributable under the terms of the MIT license