Sólo me muestra un countdown

jc1992 · #1 (**permalink**) 20/11/2015, 03:16

Buenos días a todos !

Estoy probando un countdown y me encuentro un problema , la fecha cuándo la introduzco individualmente me sale correctamente.

Código Javascript:

Ver originalfor ( var i = 0 ; i < arr.length ;i++ ) {
        console.log(i);
        $( ".clock" ).append(tiempo(arr[0].now));
 
 
}

Sin embargo cuándo pongo el valor de i en lugar de 0 me suma como todas las fechas en un append.

Adjunto el código completo para que me ayudéis con el problema.

Código HTML:

Ver original<body>
    <div class="clock"></div>
</body>
 
<script type="text/javascript">
function tiempo(tiempo){
    $('.clock').countdown(tiempo, function(event) {
  $(this).html(event.strftime('%D days %H:%M:%S'));
 });
}
 
</script>
<script type="text/javascript">
var arr = [
    {"transporte":"Servei de Rodalies Barcelona","now":"2015/11/21 10:03:00"},
    {"transporte":"Serveis Regionals","now":"2016/10/10 12:34:56"},
    {"transporte":"Ferrocarrils","now":"2017/10/10 12:34:56"},
    {"transporte":"Metro","now":"2018/10/10 12:34:56"},
    {"transporte":"Tram","now":"2019/10/10 12:34:56"}
];
for ( var i = 0 ; i < arr.length ;i++ ) {
        console.log(i);
        $( ".clock" ).append(tiempo(arr[0].now));
 
 
}
</script>