TimeTo ========= jQuery plugin - timer countdown digital clock ## Demo http://lexxus.github.io/jq-timeTo/ ## Examples ### Countdown timer #### Set delay in seconds ```javascript $('#countdown').timeTo(100, function(){ alert('Countdown finished'); }); ``` #### Hide hours ```javascript $('#countdown').timeTo({ seconds: 100, displayHours: false }); ``` #### Set delay to specyfied datetime ```javascript $('#countdown').timeTo(new Date('Dec 10 2013 00:00:00 GMT+0200 (EET)')); ``` #### Set captions and dark theme ```javascript $('#countdown').timeTo({ timeTo: new Date(new Date('Dec 10 2013 00:00:00 GMT+0200 (EET)')), theme: "black", displayCaptions: true }); ``` ### Digital clock ```javascript $('#clock-1').timeTo(); ``` ## Usage ```javascript $().timeTo([options]); ``` Whithout **options** it makes simple digital clock with current system time. where **options** can be... ### Object Object with initial settings: * **callback**: *function* that call when countdown end, default **null**; * **captionSize**: *integer* font-size by pixels for captions, if 0 then calculate automaticaly, default **0**; * **countdown**: *boolean* if false then it's as clock, default **true**; * **countdownAlertLimit**: *integer* seconds left to countdown end after that clock apply CSS class *timeTo-alert*, default **10**; * **displayDays**: *integer* count of digits days to display, default **auto** (for backward compatibility *true* means *3*); * **displayCaption**: *boolean* if true then captions display, default **false**; * **displayHours**: *boolean* if false then hide hours, default **true**; * **fontFamily**: *string* font-family for digits, default **'Verdana, sans-serif'**; * **fontSize**: *integer* font-size by pixels for digits, default **0** - use CSS instead; * **lang**: *string* language for caption, available 'en', 'ru', 'ua', 'de', 'fr', 'sp', 'it', 'nl', 'no', 'pt', default **'en'**; * **seconds**: *integer* initial time in seconds for countdown timer, default **0**; * **start**: *boolean* if true - start timer automaticaly, else need execute .timeTo("start"), default **true**; * **theme**: *string* nameof color theme, available "white" and "black", default **'white'**; * **timeTo**: *date object* specify date and time for current time or for countdown to, default **null**. ### Integer Initial setting for **seconds** option ```javascript $('#clock').timeTo(100) // is identical to $('#clock').timeTo({ seconds: 100 }); ``` ### Date object Initial setting for **timeTo** option ```javascript $('#clock').timeTo(new Date('Dec 10 2013 00:00:00')); // is identical to $('#clock').timeTo({ timeTo: new Date('Dec 10 2013 00:00:00') }); ``` ### String Action for execute. Available: **'start'**, **'stop'**, **'reset'**.