En el código hago una llamada a la API de youtube y extraigo una serie de datos. Necesito hacer que los suscriptores se actualicen cada segundo con el css del odómetro.
Este es el código actual.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="http://github.hubspot.com/odometer/themes/odometer-theme-default.css" />
<script src="http://github.hubspot.com/odometer/odometer.js"></script>
<title>Documento sin título</title>
</head>
<body>
<?php
echo"<div id='odometer' class='odometer'>123</div><br/>";
echo"<div id='odometer1' class='odometer'>123</div>";
?>
<script>
setTimeout(function(){
<?php
$api_key = "mi_key";
$canales = array(
array("nombre"=>"T-Series","id"=>"UCq-Fj5jknLsUf-MWSy4_brA"),
array("nombre"=>"PewDiePie","id"=>"UC-lHJZR3Gqxm24_Vd_AJ5Yw"),
array("nombre"=>"5-Minutecrafts","id"=>"UC295-Dw_tDNtZXFeAPAW6Aw"));
$count = count($canales);
for ($i = 0; $i < $count; $i++) {
$channel_id[$i] = $canales[$i]["id"];
$estadisticas[$i] = file_get_contents('https://www.googleapis.com/youtube/v3/channels?part=statistics&id='.$channel_id[$i].'&key='.$api_key);
$estadisticas_decoded[$i] = json_decode($estadisticas[$i] , true);
$snippets[$i] = file_get_contents('https://www.googleapis.com/youtube/v3/channels?part=snippet&id='.$channel_id[$i].'&key='.$api_key);
$snippets_decoded[$i] = json_decode($snippets[$i], true);
}
for ($i = 0; $i < $count; $i++) {
$top[] = array('nombre'=>$snippets_decoded[$i]['items'][0]['snippet']['title'],'imagen'=>$snippets_decoded[$i]['items'][0]['snippet']['thumbnails']['default']['url'],'suscriptores'=>$estadisticas_decoded[$i]['items'][0]['statistics']['subscriberCount'],'videos'=>$estadisticas_decoded[$i]['items'][0]['statistics']['videoCount'],'videos_vistos'=>$estadisticas_decoded[$i]['items'][0]['statistics']['viewCount']);
}
foreach ($top as $key => $row) {
$suscriptores[$key] = $row['suscriptores'];
}
array_multisort($suscriptores, SORT_DESC, $top);
$objJson=json_encode($top);
?>
var obj = JSON.parse('<?= $objJson; ?>');
document.getElementById("odometer").innerHTML= obj[0].suscriptores;
document.getElementById("odometer1").innerHTML= obj[1].suscriptores;
}, 5000);
</script>
</body>
</html>
Espero puedan ayudarme y gracias por adelantado!