現在、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