Download the PHP package aneeshikmat/yii2-time-down-counter without Composer
On this page you can find all versions of the php package aneeshikmat/yii2-time-down-counter. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download aneeshikmat/yii2-time-down-counter
More information about aneeshikmat/yii2-time-down-counter
Files in aneeshikmat/yii2-time-down-counter
Package yii2-time-down-counter
Short Description Widget for yii2, to start count down timer with a lot of options, This widget build dependence of timeDownCounter JS library
License MIT
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package yii2-time-down-counter
yii2-time-down-counter
Widget for yii2, to start count down timer with a lot of options, This widget build dependence of timeDownCounter JS library
Screenshot from normal result
Screenshot for templete 1
Screenshot for templete 2
And you can custmize you'r template as yourr like, we give you an option to build and control your design or use our simple design and change color, distance ...etc as you like.
Features
- Countdown timer work with days, houres, minutes and seconds
- Appilty to get timer html with fully html item container, or semi or none.(in other word you will get result dirctly or with html wrappring).
- Countdown timer can be stop to custmize styling or to get template to init it as default value.
- You have an option to determine the sperator for timer.
- You can handling time over message.
- You have an option to determind if timer will display d-h-m-s or h-m-s or m-s.
- its an javascript functon and you dont need to include any other js/css lib.
- You can set script to execute when timer is over
Decencies
Nothing.
Installation:
The preferred way to install this extension is through composer.
Either run
php composer.phar require --prefer-dist aneeshikmat/yii2-time-down-counter "v1.1.0-stable"
or add
"aneeshikmat/yii2-time-down-counter": "v1.1.0-stable"
to the require section of your composer.json file.
Usage
To use this widget you need to add this code to your html:
As you see, its very simple, and now we will be explaning this code, and then go to display all option may be use to help us, In prev code we call Yii2TimerCountDown widget.(if you write this syntax dirctly without determind any option, you will git time over message).
Now let's go to explain all possible option:
1) countDownIdSelector: This option give you apilty to change default timer wrapper, its usfall if you have more than one timer in the same page, default selctor value is 'time-down-counter', and this selector must be an ID.
2) countDownDate: This option will accept count down date in millisecond, if you keep it empty the default value will be current time so that the count down over message will be print. Note: you need to set time in millisecond like this strtotime("+1 day") 1000; OR strtotime("2018-11-10 15:47:25") 1000.
3) countDownResSperator: This option give you apilty to change time Sperator, default sperator is ****.
4) countDownReturnData: This option give you apilty to display full timer result (days, hours, minutes, seconds), or (hours, minutes, seconds) or (minutes, seconds), and accpet options is ('from-days' is default, 'from-hours', 'from-minutes'). Note: This option will keep timer work nomraly without removed any value, just hide / show option.
5) addSpanForResult: This option give you apilty to set each number groub in tag contain general class called item-counter-down.
6) addSpanForEachNum: This option give you apilty to set each number in timer in tag contain general class called inner-item-counter-down.
7) addServerTime: if you set it as a true, the count down timer will get current time from server and set it to calculate count down (This compare will be set between server time).- default option is false.
screenshot for html result for point 5 and 6:
7) contDownOver: This option give you apilty to update message for count down over (when timer is finshed).
8) getTemplateResult: This option give you apilty to stop count down timer, the default value is 0 and thats mean timer work, 1 is mean stop timer and display timer result, 2 is mean stop timer and display html timer result. These option give you abilty to design / styling timer on browser dirctly, since the timer is work depednace of Interval function, and second option is usfall when you need to get result to set default value in html, since js need some time to start timing.
example if we use getTemplateResult: 2 :
9) templateStyle: This option give you apilty to use one of templates set by default in this widget, and you can override these template in you'r css files...etc, theres 3 values for this option (0 no template and its default, 1, 2). Note: If you set template 1 or 2 the addSpanForResult & addSpanForEachNum will be change to true!.
10) callBack: this option used to set script will be render after timer end. (Callback function)
