Tengo este código que obtiene el precio del oro (por ejemplo), pero quisiera que actualizara el precio cada 4 segundos sin refrescar la página completa.
He intentado hacerlo con este script pero no actualiza la URL del JSON:
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$('#c2b').load('var2.php');
refreshvar2();
});
function refreshvar2(){
setTimeout( function() {
$('#c2b').fadeOut('slow').load('var2.php').fadeIn('slow');
refreshvar2();
}, 2000);
}
</script>
<div id='c2b'></div>
var2.php
<?php
$json = file_get_contents('https://data-asg.goldprice.org/dbXRates/EUR');
$decoded = json_decode($json);
$item = $decoded->items;
$date = $decoded->date;
$gold_price = $item[0]->xauPrice;
echo $gold_price."<br>";
$price_gr = $gold_price / "31.10"; //sacamos precio por gramo
echo $price_gr;
?>