Countdown Timer

You can use this countdown timer to show the time left until an event happens. This timer has an XML file where you can control the colors. A sound starts playing when the time is almost finished, and the colors change.

Note the time is passed in milliseconds in the flashvars, and uses that to calculate the correct time left, based on the server time, not the user's location.

 

ariisom

on 27/11/09

 

Ok i followed your posts and if i save index.html as index.php it works perfectly.

But i want to integrate the timer in another Flash project i'm making and i don't know how.

Please help me.

Thanks.

 

Andrei Potorac

on 28/11/09

 

ariisom, please follow our video tutorial posted in the description tab. The only thing is you'll need to figure out how to pass the info from html to your flash project, and then pass it to the countdown timer.

 

Neo Anderson

on 21/12/09

 

Thank you for this simple yet elegant project! It may come handy soon!

 

Andrei Potorac

on 2/1/10

Glad you like it! :)

 

quasiheros

on 30/12/09

 

Hi! Thank you for this nice script!

I need to use this countdown as a banner on top of a page, without any background and with a thin margin. I don't know how to change this. Could you help me ?

Thanks!

Loïc (from France)

 

Andrei Potorac

on 2/1/10

Hi there. Sure thing, if you need to customize this component, please get in touch at [email protected] and we can talk about a project quote by email.

 

Kent Pletcher

on 18/2/10

 

Andrei, I got this working by embedding the index.php into an html module in my joomla site. Using the Countdown to date up top in php file. Working great!

Question...I need this to have no background...how can I do this?

 

Andrei Potorac

on 19/2/10

Kent, you need to position the component at 0 x 0, resize the stage, remove the background and compile.

If you need assistance from our Development Team, please purchase a support ticket and contact us at support. We'll do it for you. ;)

 

Hugo Hellberg

on 27/2/10

 

Beautiful script!!!!

I have one problem, how do I re-size the countdown timer?

 

Andrei Neamtu

on 22/3/10

hugohellberg,

AS you can see we made today an update.
Now the component is fully resizable.
Please re-download the product

Cheers

 

johndoeherty

on 17/3/10

 

Really nice component(s) and great support!!!

I do have one question though:

I would like to embed the file on a site that doesn't allow JS. It works fine and reads the xml from my server but of course, since the 'timeLeft' flash var is static, the timer always starts from the same time.

How would I go about changing the flash so it reads the 'timeLeft' var from the xml file? I'm thinking if I could point the flash to say xml.php I could dynamically create the timeLeft variable, no?

I would greatly appreciate any feedback or tips you could give me.

Best regards

JD

 

Vlad Serban

on 22/3/10

Ok. That can be done easily.

Include this PHP snippet:

                
<?php 
$deadline = '2010/04/22 17:15';  // edit it with your deadline 
list($endDate,$endTime) = split(' ',$deadline);
list($endYear,$endMonth,$endDay) = split('/',$endDate);
list($endHrs,$endMin) = split(':',$endTime);
$now = strtotime("now");
$then = strtotime("$endMonth/$endDay/$endYear $endHrs:$endMin");              
$timerMiliseconds = ($then-$now)*1000; 
?>

                

then...

copy the following snippet embed object.

                
<object height="300" width="560" type="application/x-shockwave-flash" data="preview.swf?t=1269258485000" id="FlabellComponent" style="visibility: visible;">
<param name="allowScriptAccess" value="always">
<param name="allowfullscreen" value="true">
<param name="bgcolor" value="#ffffff">
<param name="flashvars" value="pathToFiles=timer/&amp;xmlPath=xml/settings.xml&amp;timeLeft=<?php echo $timerMiliseconds; ?>&amp;redirectURL=http://www.flabell.com">
</object>

                

Notice that the "timeLeft" variable is written with PHP.

Also, be sure that the file has ".php" extension and NOT .html/.htm

Let me know if that worked.

 

Andrei Neamtu

on 22/3/10

 

NEW UPDATE:
The code of the component is organized as the new Flabell Standard(index.html, Sample.as).

The timer is now fully resizeable:
- control the component dimensions
- control the items(days, hours, minutes, secdonds) dimensions
- control the name's height

You can now control these colors:
- color of the background's stroke and fill
- color of the name's background
- color of the items background

 

johndoeherty

on 23/3/10

 

@vlad.serban

Thanks for looking into this. Unfortunately, the place I'm embedding the component is not under my control (MySpace) so neither Javascript nor PHP will work.
I fixed it though by going into the action script and changing the timeleft variable there - works perfect now!
Thank a lot for this great stuff... now all I need is a fix for a caching problem with your voting component with the same source: since I can't add anything random to the request it's not updating the vote results... I'll move over to that thread and try my luck there ;)

Best regards
JD

 

vcan tante

on 25/4/10

 

hi, i can't that the timer finish in the Dead time.

i change the line (even the index in the deploy folder) but no chenge the date.

always start in 3 days. what ca i do??/
"Sorry my english"

 

Andrei Potorac

on 26/4/10

Check FAQ #1.

87654...1

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

1. How do I edit the end time?

First set the end time by editing the line:

$deadline = '2010/04/09 17:15'; // edit doomsday

Secondly uncomment the following code:

//flashvars.timeLeft = <?php echo $timerMiliseconds; ?>;

Then comment:

flashvars.timeLeft = 259200000;

Also change the extension from .html to .php (make sure you have PHP installed on your server).

There are no video tutorials for this flash component yet.

There is currently no current change log for this flash component.

There is currently no additional help provided for this flash component.