Discussion on Circular Countdown jQuery Plugin

lukeskip5 lukeskip5Purchased

How can I change the position of every item (Days, Months, bla, bla) Is that possible??

6 years ago
flashblue flashblueAuthor

Open source/js/jquery.circular-countdown.js.

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.

6 years ago
spacelement spacelementPurchased

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?

6 years ago
flashblue flashblueAuthor

It's not resizing. It goes to bottom line.

6 years ago
spacelement spacelementPurchased

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.

6 years ago
flashblue flashblueAuthor

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.

6 years ago
christiana_worldpdcoalition_org christiana_worldpdcoalition_orgPurchased

Where do I input the start date and end date for the countdown?

6 years ago
flashblue flashblueAuthor

Open deploy/index.html or other HTML files in a text editor. You'll see:

startDate:"2013/12/01 12:30:00", endDate:"2014/12/25 12:30:00",

where you can change dates.

6 years ago
pkspearman pkspearmanPurchased

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!!!

6 years ago
flashblue flashblueAuthor

I sent you it as RAR archive.

6 years ago
pkspearman pkspearmanPurchased

Hi!

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!

6 years ago
flashblue flashblueAuthor

Please right click to open it in a text editor like DreamWeaver.

6 years ago
thePack thePack

Looking to center this into my layout? Who do I do that? Using this in Wordpress. Thanks

6 years ago
nrousweb nrouswebPurchased

It's quietly impossible to center the whole thing without a PhD in Mathematics..

5 years ago
flashblue flashblueAuthor

.child { /* This is the item to center... */ display: inline-block; } .parent { /* ...and this is its parent container. */ text-align: center; }

5 years ago
gaya gayaPurchased

Hi,

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.

Thanks again!

5 years ago
flashblue flashblueAuthor

I did not ise jwplawer with that item.

5 years ago
gaya gayaPurchased

Hi,

I embedded the jwplayer after the countdown ends. It is working fine. Thanks a lot for your help!

5 years ago
Dean DeanPurchased

Hello,

I wondered if there was a way to send email after timer is ends?

Thak's in advance.

5 years ago
flashblue flashblueAuthor

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.

5 years ago
mrjane mrjane

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?

4 years ago
flashblue flashblueAuthor

If you buy it with Single Commercial License, I can add the function to count-up automatically on week days.

4 years ago
vando604 vando604Purchased

Hi flashblue, is it possible for the circle to go clockwise instead of counter-clockwise ? thank you

4 years ago
flashblue flashblueAuthor

It can be done. You can edit source code which comes with main zip.

4 years ago
vando604 vando604Purchased

Would the editing be done within the javascript file ?

4 years ago
flashblue flashblueAuthor

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.

4 years ago
pastrygator pastrygatorPurchased

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.

4 years ago
flashblue flashblueAuthor

Open source/js/jquery.circular-countdown.js and change 60 with 10 on the following line (Line 298):

this.circle($minutes, i, 60);

Then, copy the JS file to deploy/js folder.

4 years ago
pastrygator pastrygatorPurchased

Perfect! Thats exactly what I was looking for. Thanks so much.

4 years ago
flashblue flashblueAuthor

Thanks for your comment!

4 years ago
kamal_bd kamal_bd

Great job.

3 years ago
flashblue flashblueAuthor

Thanks!

3 years ago
SuperPiPPo SuperPiPPo

Good morning,
can you delete the circle of days, hours, and minutes as time has come to zero?

Thanks and good day

3 years ago
flashblue flashblueAuthor

You can make a JS call when the countdown finishes by its parameters.

3 years ago
ninebox nineboxPurchased

Hi. I've recently bought this and it functions exactly as expected! Awesome :D

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 :(

Cheers

2 years ago
flashblue flashblueAuthor

Thanks for your valuable comment. I will check it soon.

2 years ago
by in