How can I change the position of every item (Days, Months, bla, bla) Is that possible??
You'll see some codes starting with:
$days = this.addItem...
$hours = this.addItem...
$minutes = this.addItem...
$seconds = this.addItem...
Change their order and copy the JS file into deploy/js folder.
Hi there, i'm having a problem that's when i resize the circle on JS
the circle "shadow" doesn't resize itself, there is some parameter that i'm missing?
It's not resizing. It goes to bottom line.
Why you don't have uncompressed CSS's and JS's for development...
I had to dig inside to find out that this "shadow" is an image and i have to resize it... some lack of documentation about how use the plugin.
You can have some documentation through comments inside the plugin but always supply a uncompressed version of css and js of your examples for we can dig easily inside and test it modifying variables.
You can find source codes in source folder. Just look at source/js and source/css folders. You can copy files to deploy folder there to modify the plugin.
Where do I input the start date and end date for the countdown?
Open deploy/index.html or other HTML files in a text editor. You'll see:
where you can change dates.
Hi, I just tried to send you an email but it was a failure to notice email sent back. Moreover, I just bought and downloaded this plugin. I'm so lost and confused on what to do! It keeps opening with this 7z program on my windows laptop. Where can I find the code for the countdown and how can I customize it? HELP PLEASE!!!
I sent you it as RAR archive.
Thank you for sending the file. Can I still open it with the 7z program on my windows laptop? Also, I want the countdown in Pink, can I get it in Pink because when I opened it in the 7z program and pressed the css folder. It opened in a webpage, where it listed all colors for countdown. However, I want the pink one and when I pushed through for the pink one, it showed a disabled webpage. HELP!
Please right click to open it in a text editor like DreamWeaver.
Looking to center this into my layout? Who do I do that? Using this in Wordpress. Thanks
It's quietly impossible to center the whole thing without a PhD in Mathematics..
/* This is the item to center... */
/* ...and this is its parent container. */
Thanks a lot it works. I would like to know whether I can embed jwplayer once countdown ends. I tried to do that but it is not working. Please let me know is that possible.
I did not ise jwplawer with that item.
I embedded the jwplayer after the countdown ends. It is working fine. Thanks a lot for your help!
I wondered if there was a way to send email after timer is ends?
Thak's in advance.
You can call a JS-Ajax function at the end of countdown in client side. But, there isn't a PHP code included in that item.
I'm looking for a very specific function for a countdown timer (I actually need it to count up).
I'm looking for a counter that can count from 1-7 (1 per day), but skips the weekend. It's for our restaurant. We offer a 7 day menu cycle, but we're closed on weekends. We want to offer online ordering, so we need a way to let visitors know what Kitchen Day it is.
Can this timer do that?
If you buy it with Single Commercial License, I can add the function to count-up automatically on week days.
Hi flashblue, is it possible for the circle to go clockwise instead of counter-clockwise ? thank you
It can be done. You can edit source code which comes with main zip.
You need to change variables of arc from source/jquery.circular-countdown.js:
circle.arc(x, y, r, (Math.PI*2*(now/total))-(Math.PI/2), -Math.PI/2, true);
I didn't try to do it.
Is there a way to configure the minutes circle so that the ring isn't scaled for 60 minutes? For example, if I want to use this to do a simple 10 minute countdown, the minutes ring starts at 1/6th of a full ring because its scaled for 60 minutes.
Open source/js/jquery.circular-countdown.js and change 60 with 10 on the following line (Line 29:
this.circle($minutes, i, 60);
this.circle($minutes, i, 60);
Then, copy the JS file to deploy/js folder.
Perfect! Thats exactly what I was looking for. Thanks so much.
Thanks for your comment!
can you delete the circle of days, hours, and minutes as time has come to zero?
Thanks and good day
You can make a JS call when the countdown finishes by its parameters.
Hi. I've recently bought this and it functions exactly as expected! Awesome
However, the canvas looks a bit blurry on retina displays. Any plans to make it retina compatible? I've tried a few tutorials but don't seem to have any luck with improving the quality on retina and HiDPI displays
Thanks for your valuable comment. I will check it soon.
This item was featured on CodeGrape