CJ Event Countdown Demo

1) In this example, the date is set to February 29 th 2012, a date which is nearing...

<script type="text/javascript"> renderMessage("February 29, 2012", "Out Now!", "%days% days remain!"); </script>

2) In this example, the date is set to February 3 rd 2012, a date which has passed...

<script type="text/javascript"> renderMessage("February 3, 2012", "Out Now!", "%days% days remain!"); </script>

3) In this example, the date is set to January 1 st 2030, a date in the future!...

<script type="text/javascript"> renderMessage("January 1, 2030", "Out Now!", "%days% days remain!"); </script>

4) In this example, the date is set to February 19 th 2012, a date which is nearing, images are used in the countdown...

<script type="text/javascript"> renderMessage("February 19, 2012", "<img src='outnow.gif' border='0' alt='Out Now!'>", "<img src='day_%days%.gif' border='0' alt='%days% days remain!'>"); </script>

5) In this example, I have set the event end date, how many days an event is on and the script shows how many days have passed in the event (rather than counting down to the end of the event)...

<script type="text/javascript"> renderMessage("February 26, 2012", "Sorry, Event has ended.", "Day %days% of 30", 30); </script>

6) You can even use the script to change an image every day, to do it you set an event date X days (where X is the number of images you have) in the future...

<script type="text/javascript"> renderMessage("February 11, 2012", "No images left to show :(", "<img src='image_%days%.gif' border='0' alt=\"Today's Image!\">"); </script>