Name: Circular Countdown jQuery Plugin
Brand: flashblue
SKU: 2038
Availability: InStock
Rating: 4.30 (10 reviews)

lukeskip5Purchased

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

11 years ago

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.

11 years ago

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?

11 years ago

flashblueAuthor

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

11 years ago

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.

11 years ago

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.

11 years ago

christiana_worldpdcoalition_orgPurchased

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

11 years ago

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.

11 years ago

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

11 years ago

flashblueAuthor

I sent you it as RAR archive.

11 years ago

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!

11 years ago

flashblueAuthor

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

11 years ago

thePack

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

11 years ago

nrouswebPurchased

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

10 years ago

flashblueAuthor

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

10 years ago

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!

10 years ago

flashblueAuthor

I did not ise jwplawer with that item.

10 years ago

gayaPurchased

Hi,

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

10 years ago

DeanPurchased

Hello,

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

Thak's in advance.

10 years ago

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.

10 years ago

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?

9 years ago

flashblueAuthor

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

9 years ago

vando604Purchased

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

9 years ago

flashblueAuthor

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

9 years ago

vando604Purchased

Would the editing be done within the javascript file ?

9 years ago

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.

9 years ago

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.

9 years ago

flashblueAuthor

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

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

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

9 years ago

pastrygatorPurchased

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

9 years ago

flashblueAuthor

Thanks for your comment!

9 years ago

kamal_bd

Great job.

8 years ago

flashblueAuthor

Thanks!

8 years ago

SuperPiPPo

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

Thanks and good day

8 years ago

flashblueAuthor

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

8 years ago

nineboxPurchased

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

Cheers

7 years ago

flashblueAuthor

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

7 years ago

Last Update	17 Jan 2022
Created	11 Jul 2013
Compatible Browsers	Firefox, Chrome, Safari, Opera, Edge
Package Includes	JavaScript JS, HTML, CSS
File Size	1.3 MB

Discussion on Circular Countdown jQuery Plugin

flashblue

More items by flashblue