Question

I want to create 200 divs and timer for each div.
This is my code:

$(document).ready(function() {

    for(var i=0; i<200; i++)
    {
        var tag = '<div id="' + i +'" style="width:150px"></div><br/>';
        $('#rsr').append(tag);
    }

    for(var i=0;i<200; i++)
    {
    var date = randomDate(new Date(2012, 0, 1), new Date())

        $("#"+i).countdown({until: date});
    }
    });

    function randomDate(start, end) {
        return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()))
    }

Where is a error?
Thanks.
JsFiddle

Answer 1

The problem is simply that you are creating a date between January 1st 2012 and today, so it’s always in the past. If the target date has already passed, the plugin stops at zero.

Pick for example 2013 instead:

var date = randomDate(new Date(2013, 0, 1), new Date())

You should fix the id problem (they shouldn’t start with a number), but most browsers can cope with it easily so it’s not the actual cause.

Fiddle: http://jsfiddle.net/SDFLn/17/