0

現在、jquery カウント ダウン タイマー プラグイン(このプラグイン)を使用して、Ajax 呼び出しでカウンターを生成しています。
今のところ、単一の呼び出しでは問題なく正常に動作していますが、Json 配列をループする複数のカウンター全体を生成しようとすると、動作しません。
JS

$(document).ready(function(){ 
                    $.ajax({
                        url: 'time.php', 
                        async: false, 
                        dataType: 'json', 
                        success: function(data) { 
                            var response = data ;
                            $.each(response, function(i, item) {
                                var time = new Date(item.time) ;
                                $('.timer').append('<li id='+ i +'></li>');
                                 $('#'+i).countdown({
                                 until: time, 
                                 compact: true,
                                 format: 'HMS'
                             });  
                            });
                        }, 
                        error: function(http, message, exc) { 
                            time = new Date(); 
                    }
                }
            ); 


            })

PHP

<?php
  $now = time() + 9999; 
  $now1 = time()+ 5000; 
  $data = array($now,$now1);
  $json = array();
  foreach ($data as $value){
      $json[] = array(
          'time' => $value
      );
  }
  echo json_encode($json);
 ?>

これはJson出力です

[{"time":1365712506},{"time":1365707507}]

時間を設定せずにループの結果を表示しようとすると、正常に動作し、正しい結果が表示されます。
しかし、時間を設定してカウントダウンタイマーを設定すると、カウンターではなく00が表示されます

    00:00:00
    00:00:00
4

2 に答える 2