Multiple countdown timers with dates from database jQuery/Ajax/PHP

Question

I am trying to build deals aggregator which will load deals by AJAX, but the problem for me is to do multiple countdown timers (one for each deal) with dates from MySQL. I was trying to do something like code below but this doesn't work. Can someone give me the best solution to do it, please?

jQuery code:

$(document).ready(function(){

$.ajax({
url:"getdata.php",
type:"GET",
dataType:'json',
success:function(rows){

for (var i in rows){
var row=rows[i];
var id=row[0];
var end_date=row[1];
$("#countdown_"+id).countdown({
            date: end_date,
            format: "on"
        },

        function() {
        // callback function
        });
}
}
});
});

PHP code:

$data=array();
while($row=mysql_fetch_row($result))
{
    $data[]=$row;
}
die (json_encode($data));

What does doesn't work mean? Not very informative, especially considering you have code have running on two environments and AJAX talking between the two — charlietfl
– charlietfl, Commented Feb 10, 2013 at 2:14
when I am using this code, the only last timer is counting down, the others are getting dates but are not counting down, just showing the same value all the time — Marek
– Marek, Commented Feb 10, 2013 at 2:29
I was trying to use this one webdesign.tutsplus.com/tutorials/complete-websites/… — Marek
– Marek, Commented Feb 10, 2013 at 2:42

charlietfl · Accepted Answer · 2013-02-10 03:48:12Z

1

Plugin was written with some global variables that wouldn't allow for multiple instances.

I made a few adjustments that made it work

See Demo: http://jsfiddle.net/afRVm/1

.

answered Feb 10, 2013 at 3:48

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Multiple countdown timers with dates from database jQuery/Ajax/PHP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related