Professional Countdown (Countdowns)

Purchase $5.00

Simple and smart countdown clock that uses time zone to sync the clock world wide.

Features

• Double skin(Knob+default) with fallback


• Timezone Support


• Easy to install


• Fully customizable

How to Use

$("#countdown").countdown(
                                {
                                    skin            :    'countdown_default',    //Set Skin. Default: countdown_default
                                    fallbackSkin    :    'countdown_default',    //Skin for the older browser that doesn't support canvas; Default: countdown_default
                                    option            :    {    //Skin Options, like Knob setting or different classes for the timer component
                                                            global:{},//Apply to every timer section
                                                            day:{max:null,eClass:'days'},//Apply to day timer section (overwrite or extend the global options)
                                                            hour:{max:23,eClass:'hours'},//Apply to hour timer section (overwrite or extend the global options)
                                                            minute:{max:59,eClass:'minutes'},//Apply to minute timer section (overwrite or extend the global options)
                                                            second:{max:59,eClass:'seconds'}//Apply to second timer section (overwrite or extend the global options)
                                                        },    
                                    dateStart        :    null,    //Date in this format: 'mm/dd/yyyy hh:mm:ss'. Required for Knob Skin
                                    dateEnd            :    null,    //Date in this format: 'mm/dd/yyyy hh:mm:ss'
                                    format            :    true,    //One digit number transformed to: 01 02...
                                    callback        :    null    //Callback on countdown finish, Example: redirect
                                },
                                {
                                    timezone    :    false,    //Activate the worldwide sync
                                    offset        :    0        //The UTC offset, you can find your UTC from UTC.txt, just copy and paste
                                }
                            );

CHANGELOG

Version 1.0.1 – November 17 2013

• Changed script call


• Removed knob field and added skin name (use “knob” or custom one)


• Added fallback skin name


• Double callback bug fix


• Multiple class bug fix

Smart Timer And Counter (Countdowns)

Purchase $8.00

Plugin Information

Smart Timer And Counter is a jQuery plugin that can be used to add timers and clocks to the web page. Plugin is highly configurable and expandable through custom skins (visual component), modes (clock/timer logic) and languages (translate labels).

• Styling is done using CSS (and Canvas for Circular skin), and all included styles are pure CSS with no images used.


• Responsive, uses media queries to change counter sizes, and it can break into multiple lines on smaller screens.

Plugin is tested with current Android (with 2.3.5, 4.0.2 and 4.1.2) browsers, iPhone and iPad Safari and Chrome (with iOS7), all modern desktop browsers (IE8 and IE9 will not show some of the styling). It requires JavaScript and jQuery support to work.

Clock and Counter Modes, Custom Layouts

Plugin can work as clock or as counter. If used as clock, you can show current date/time, or you can start from any date. Counter can countdown to any date, countdown any number of seconds or countup to any seconds limit. Plugin can display different combination of time and date elements, dividers and labels.

List of Modes Controls

• Layout: combine order for ‘years, ‘months’, ‘days’, ‘hours’, ‘minutes’, ‘seconds’.


• Dividers: several dividers available to split date / time elements.


• Number of Digits: customize number of digits for each date / time element.

List of Counter Methods

• Date: it must be in the future set using JavaScript Data object. Plugin will count to zero to reach set date.


• Elapsed: it must be in the past set using JavaScript Data object. Plugin counts how much time has elapsed since past date.


• Seconds: count to zero from specified number of seconds.


• Target: count from zero to specified number of seconds.

5 Skins for display: Simple, Animated, Circular and Inline

Plugin has 5 skins to display clocks/counters. Simple and Animated skins have 14 styles each (some the same). Animated skin uses animations (SlideIn, SlideOut, Fade, FadeIn, FadeOut) to change digits. Inline skin can be used on SPAN tags for adding counters inline with text with minimal styling changes.

List of Available Skins

• Simple: simple way of displaying digits, comes with 14 predefined styles.


• Animated: uses animation to change digits, comes with 14 predefined styles and 5 animations.


• Inline: for elements inside the text, comes with 4 predefined styles.


• Circular: uses Canvas to render circular dials, unlimited color customizations.


• Custom: extended from Animated Skin, allows free control over colors and styling.

Custom Skin allows free customization

To use this skin, Animated skin also needs to be loaded. This skin has no predefined skins. But, you can set custom colors, background, shadows, effects from plugin settings. This allows you easy customization of colors and styles. Also, you can change colors independently for every counter element.

Circular Skin uses Canvas to show circular dials

Based on third party jQuery Knob library, allows full customization of size and colors (even using transparency) for number dials.

Easy customization and integration with detailed documentation

Plugin has wide range of settings for skins, modes, language. It is easy to customize and use with any jQuery based project. Documentation contains detailed explanation of all settings, list of values, list of styles and more. Plugin package has plenty of demos.

Other plugin features

• Support for translation using language objects to change date/time element labels.


• Attach your own code on callback events to handle start, stop, finish and other things.


• Many settings to control counters display: dividers, spacing, labels location, responsiveness…


• Includes methods to start, stop, reset or modify counter object for each applied element.


• Includes 12 page PDF documentation with information on skins, modes, settings and styles.

Changelog

Version 2.0 / 2013.11.24.

• Added: New Skin: Custom


• Added: Counter Mode: new method ‘Elapsed’


• Added: Examples page for Custom Skin


• Updated: Expanded existing list of examples


• Updated: Improvements to all examples


• Updated: jQuery Knob to version 1.2.2


• Fixed: Minor issues with some of the examples


• Fixed: Few problems with Circular Skin settings

Version 1.0 / 2013.11.07.

• First Release

FlipTimer (Countdowns)

Purchase $4.00

FlipTimer is a plugin counting the time left to the opening of your under construction website.

Comes with 4 ready to use pages and PSD file

Usage

Four ready to use versions are available in the package.
Simply pick one, open its index.html and set an enddate (the place is commented! See the example below for date format.) and it will start counting for you. Optionally you can add callback function to run once the countdown is complete.

Examples

<script type="text/javascript">
$(".my-counter-place").EightycloudsFliptimer({
        enddate : "24 December 2013 12:00:00 GMT", // SET AN END DATE
        callback  : function(){ 
        alert("Countdown is Complete!"); // CALLBACK FUNCTION IS OPTIONAL!
    }
});
</script>

<script type="text/javascript">
$(".my-counter-place").EightycloudsFliptimer({
        enddate : "24 December 2013" 
    }
});
</script>

CountDown Pro for WebSites/Events/Products Launch (Countdowns)

Purchase $5.00

VERSION 2.0 IS AVAILABLE.
Now you have the option to use SERVER TIME or COMPUTER TIME

 

You can use it as CountDown for WebSites, Events and Products launch or as expiry date for Offers and Discounts

 

FEATURES:

Extremly customizable

Over 80 js options from where you can customize the plugin.

Suitable for any website

You have parameters to change everything: colors, fonts, transparency, borders, dimensions. In this manner you can integrate the plugin in any website

Responsive Design

The coundown plugins if fully responsive. Parameter to enable or disable responsive behavior. Please check this responsive example

Begin Date & End Date

Parameters to set the interval: Begin Date & End Date. The launching date contains: Year, Month, Day, Hour, Minute and Second

Server Time or Computer Time

Parameter to use Server Time or Computer time

CallBack Function

You can define a CallBack function which will be executed when the CountDown will end.

Multi Purpose Usage

You can use it as countdown for WebSites, Events, Products launch or as expiry date for Offers, Discounts

Two Versions

‘Circular’ and ‘Electronic’ versions available. All customizable from parameters.

Multiple Instances

You can insert multiple countdowns on your website or on the same page.

Social/Share

Options to add social icons in order to promote your website on all the available channels.

Logo Section

Optional parameter to set your logo. Also, logo link available with parameter for _self or _blank

Free Updates

Once you’ve bought the product, you can download for free, from your account, all the updated versions.

 

*NOTE: the cirlces are built using HTML5 canvas, so the circles will not appear in IE7 and IE8 since these 2 browsers don’t have HTML5 support.

 

If you need additional information don’t hesitate to contact us at office@lambertgroup.ro. We’ll try to answer you as quickly as possible.


Enjoy!

Count It Round - Standalone (Countdowns)

Purchase $4.00

Count It Round is a standalone plugin that allows you easy and fast to create circular countdown timers for your website.

• jQuery driven (requires at least version 1.7)


• Uses HTML5 CANVAS


• Resizable width and height and circles thickness.


• Customizable colors and font-sizes


• Supports multiple instances


• Supports client-side or server-side (unix timestamp) time.

<script type="text/javascript">
    jQuery(".my-clock-place").buildCounter({
        startdate: "1 January 2013 12:00:00 GMT",
        enddate: "30 December 2013 12:00:00 GMT",
        callback: function() {
            alert("Countdown is complete!");
        }
    });
</script>

You may also like Count it Round for Wordpress, JBMarket Circular Countdown

Cooloader (Countdowns)

Purchase $5.00

That is Cooloader

Very cool under construction jQuery plugin.

Do you want a very good and stylish countdown? Here you have a solution

Install:

Very easy to install, you need to copy the head file and setup your preference. Nice and Cool.
Every my script i want to give a easy installation and here you have found.

Features:

• 
  Set every Logo
  


• 
  Set every Image
  


• 
  Set Percentual
  


• 
  Set Time expired
  


• 
  Really easy
  


• 
  Very Cool Under Construction web site
  


• 
  jQuery plugin
  


• 
  Choose percent or time exp
  


• 
  I repeat – really really easy to setup
  

Professional Countdown (Countdowns)

Purchase $5.00

Simple and smart countdown clock that uses time zone to sync the clock world wide.

Features

• Double skin(Knob+default) with fallback


• Timezone Support


• Easy to install


• Fully customizable

How to Use

$("#countdown").countdown(
                                {
                                    skin            :    'countdown_default',    //Set Skin. Default: countdown_default
                                    fallbackSkin    :    'countdown_default',    //Skin for the older browser that doesn't support canvas; Default: countdown_default
                                    option            :    {    //Skin Options, like Knob setting or different classes for the timer component
                                                            global:{},//Apply to every timer section
                                                            day:{max:null,eClass:'days'},//Apply to day timer section (overwrite or extend the global options)
                                                            hour:{max:23,eClass:'hours'},//Apply to hour timer section (overwrite or extend the global options)
                                                            minute:{max:59,eClass:'minutes'},//Apply to minute timer section (overwrite or extend the global options)
                                                            second:{max:59,eClass:'seconds'}//Apply to second timer section (overwrite or extend the global options)
                                                        },    
                                    dateStart        :    null,    //Date in this format: 'mm/dd/yyyy hh:mm:ss'. Required for Knob Skin
                                    dateEnd            :    null,    //Date in this format: 'mm/dd/yyyy hh:mm:ss'
                                    format            :    true,    //One digit number transformed to: 01 02...
                                    callback        :    null    //Callback on countdown finish, Example: redirect
                                },
                                {
                                    timezone    :    false,    //Activate the worldwide sync
                                    offset        :    0        //The UTC offset, you can find your UTC from UTC.txt, just copy and paste
                                }
                            );

CHANGELOG

Version 1.0.1 – November 17 2013

• Changed script call


• Removed knob field and added skin name (use “knob” or custom one)


• Added fallback skin name


• Double callback bug fix


• Multiple class bug fix

Smart Timer And Counter (Countdowns)

Purchase $8.00

Plugin Information

Smart Timer And Counter is a jQuery plugin that can be used to add timers and clocks to the web page. Plugin is highly configurable and expandable through custom skins (visual component), modes (clock/timer logic) and languages (translate labels).

• Styling is done using CSS (and Canvas for Circular skin), and all included styles are pure CSS with no images used.


• Responsive, uses media queries to change counter sizes, and it can break into multiple lines on smaller screens.

Plugin is tested with current Android (with 2.3.5, 4.0.2 and 4.1.2) browsers, iPhone and iPad Safari and Chrome (with iOS7), all modern desktop browsers (IE8 and IE9 will not show some of the styling). It requires JavaScript and jQuery support to work.

Clock and Counter Modes, Custom Layouts

Plugin can work as clock or as counter. If used as clock, you can show current date/time, or you can start from any date. Counter can countdown to any date, countdown any number of seconds or countup to any seconds limit. Plugin can display different combination of time and date elements, dividers and labels.

List of Modes Controls

• Layout: combine order for ‘years, ‘months’, ‘days’, ‘hours’, ‘minutes’, ‘seconds’.


• Dividers: several dividers available to split date / time elements.


• Number of Digits: customize number of digits for each date / time element.

List of Counter Methods

• Date: it must be in the future set using JavaScript Data object. Plugin will count to zero to reach set date.


• Elapsed: it must be in the past set using JavaScript Data object. Plugin counts how much time has elapsed since past date.


• Seconds: count to zero from specified number of seconds.


• Target: count from zero to specified number of seconds.

5 Skins for display: Simple, Animated, Circular and Inline

Plugin has 5 skins to display clocks/counters. Simple and Animated skins have 14 styles each (some the same). Animated skin uses animations (SlideIn, SlideOut, Fade, FadeIn, FadeOut) to change digits. Inline skin can be used on SPAN tags for adding counters inline with text with minimal styling changes.

List of Available Skins

• Simple: simple way of displaying digits, comes with 14 predefined styles.


• Animated: uses animation to change digits, comes with 14 predefined styles and 5 animations.


• Inline: for elements inside the text, comes with 4 predefined styles.


• Circular: uses Canvas to render circular dials, unlimited color customizations.


• Custom: extended from Animated Skin, allows free control over colors and styling.

Custom Skin allows free customization

To use this skin, Animated skin also needs to be loaded. This skin has no predefined skins. But, you can set custom colors, background, shadows, effects from plugin settings. This allows you easy customization of colors and styles. Also, you can change colors independently for every counter element.

Circular Skin uses Canvas to show circular dials

Based on third party jQuery Knob library, allows full customization of size and colors (even using transparency) for number dials.

Easy customization and integration with detailed documentation

Plugin has wide range of settings for skins, modes, language. It is easy to customize and use with any jQuery based project. Documentation contains detailed explanation of all settings, list of values, list of styles and more. Plugin package has plenty of demos.

Other plugin features

• Support for translation using language objects to change date/time element labels.


• Attach your own code on callback events to handle start, stop, finish and other things.


• Many settings to control counters display: dividers, spacing, labels location, responsiveness…


• Includes methods to start, stop, reset or modify counter object for each applied element.


• Includes 12 page PDF documentation with information on skins, modes, settings and styles.

Changelog

Version 2.0 / 2013.11.24.

• Added: New Skin: Custom


• Added: Counter Mode: new method ‘Elapsed’


• Added: Examples page for Custom Skin


• Updated: Expanded existing list of examples


• Updated: Improvements to all examples


• Updated: jQuery Knob to version 1.2.2


• Fixed: Minor issues with some of the examples


• Fixed: Few problems with Circular Skin settings

Version 1.0 / 2013.11.07.

• First Release