Tampilkan postingan dengan label time zone. Tampilkan semua postingan
Tampilkan postingan dengan label time zone. Tampilkan semua postingan

Rabu, 04 Desember 2013

Professional Countdown (Countdowns)

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

Professional Countdown (Countdowns)

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