jaguarus

jaguarus does not currently provide support for this item.

13 comments found.

How do I abbreviate the dates, or change the format of them?

From this: Start Time: Saturday, October 13, 2012 End Time: Wednesday, October 17, 2012

To this: Start: Sat. 10/13/2012 End: Wed. 10/17/2012

Hi! In javascript you can do it only with a help of external libraries, because there is no default functionality for this. For example: http://blog.stevenlevithan.com/archives/date-time-format or you could use jQuery plugin: http://archive.plugins.jquery.com/project/jquery-dateFormat

This seems to throw an error if you leave the browser open for a while in FireFox 16.0.1

Here is the error: A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete. raphael.js:10

There is a big amount of intervals on the page in my example, so it could lead to this problem. Do not use too many countdowns on the same page.

This is on a page with only 1 counter.

Hello,

This looks and work great. I was wondering can I change the countdown flip animation to something like a smooth number drop or any other countdown transitions?

Thanks…

I purchased this thinking it to be a cool script. But its now proving a headache. You have used current date as the function…which would change every passing day. If i need to launch something on 14th Jan 2013, every passing day it will increase by one automatically. So, its a manual work now…this coundown is no more of use if i have to do it manually. Can;t the second date be fixed so that the time remaining for the countdown wud be accurate. And if i ma missing something, let me know.

have a look at http://www.brothersgraphics.in/

Yesterday start time was december 30, and end time was 14th Jan Today its, Start time december 31st, and end time 15th Jan…

THis will nvr end. 14 day gap wud always be there. It wont work like this.

What does ’?’ resemble in your answer. If there a format to be used. Supposing start date to be 30th Dec 2012 and end date 14th Jan 2013, how the ? be replace.

//real time limits
//var start_works_date = new Date(2012, 6, 13, 23, 30, 0, 0).getTime();
//var end_works_date = new Date(2012, 6, 16, 23, 43, 0, 0).getTime();
//dump time limits: 2 days before current date and 2 days after
//remove this three lines and uncomment lines before with right date limits
var countdown1 = new Countdown({
    holder_id : "countdownHolder1",
    holder_width: 545,
    show_working_dates: true,
    show_progress_bar: true,
                        start_work: ?, 
                        end_work : ? 
});

Replace ’?’ with start date and end date in milliseconds, i.e. 1357199377667 (03.01.2013) and 1360791000000 (13.02.2013)

did not under the calculation behind miliseconds. How did u calculate 03.01.2013 as 1357199377667

Hey this things seem off track I have code below and it say 5 days. Whats up with that?

var start_works_date2 = new Date(2013, 1, 13, 23, 30, 0, 0).getTime(); var end_works_date2 = new Date(2014, 6, 16, 23, 43, 0, 0).getTime();

You could provide low than 99 days

Hey,

I’m wondering if it’s possible to show only the hour, minutes and seconds, without days?!

Yes, but the code must be changed

I guess I should have listined to everyone else.. I cant get the date to set at all !! Has anyone figured this out yet?

Hi, It’s not possible to count periods with more than 99 days?

And edit date format for start/end dates?

and literals for Days, Hours, Minutes, Seconds?

thanks

How do I change the dates??? I followed your instructions and I do not see it changing.

Cannot change the dates. Too bad I already bought this.

I PUT THE BELOW LINKS IN THE HEAD AREA

<head>

<!- CSS Styles Start ->
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/countdown.css" type="text/css" media="screen"/>
<!- CSS Styles End ->
<!- Scripts Start ->
<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="js/jquery.textShadow.js" type="text/javascript"></script>
<script src="js/jquery.backgroundpos.js" type="text/javascript"></script>
<script src="js/raphael.js" type="text/javascript"></script>
<script src="js/helvetica.js" type="text/javascript"></script>
<script src="js/countdown.js" type="text/javascript"></script>
<!- Scripts End ->

I PUT THE BELOW SCRIPT IN THE BODY WHERE I WANT THE COUNTDOWN TO APPEAR

<!- Inline Init Script ->
    <script type="text/javascript">
        $(document).ready(function () {
if (/MSIE/.test(navigator.userAgent)) {
            $("body").addClass("ie");
        }
</script>
if (/MSIE 7/.test(navigator.userAgent)) {
        $("body").addClass("ie7");
    }
});
//real time limits
//var start_works_date = new Date(2012, 6, 13, 23, 30, 0, 0).getTime();
//var end_works_date = new Date(2012, 6, 16, 23, 43, 0, 0).getTime();
//dump time limits: 2 days before current date and 2 days after
//remove this three lines and uncomment lines before with right date limits
var countdown1 = new Countdown({
    holder_id : "countdownHolder1",
    holder_width: 545,
    show_working_dates: true,
    show_progress_bar: true
});
//apply text-shadow to text
$(".work_limits div span.limit_title").textShadow();
$(".work_limits div span.limit_date").textShadow();
$(".countdown_title .countdown_item_title").textShadow();
//apply background animation to social links
$(".social_list li a").css({"background-position" : "0px -27px"})
    .mouseover(function () {
        $(this).stop().animate({
                'backgroundPosition' : "0px 0px" 
            },
            {duration:300})
    })
    .mouseout(function () {
        $(this).stop().animate({
                    'backgroundPosition' : "0px -27px" 
            },
            {duration:200})
    });
</head>

Logo

Under Construction!

<!- holder for countdown ->

Excellent design!

by
by
by
by
by
by