通过代码每30秒自动刷新一次分数，无需“刷新”按钮

Question

I have a index.php file where I am displaying cricket score:

<?php
error_reporting(0);

echo '<br/>';

$content=file_get_contents("http://cricscore-api.appspot.com/csa?id=1062576");

$array = json_decode($content,true);

echo $array[0]['de'];

header('Refresh:10;URL=index.php');
?>

<script type="text/javascript">
function getReply(data) {
    document.getElementById("displayScore").innerHTML="";
    document.getElementById("displayScore").innerHTML+=data.match+"<br/>";
    document.getElementById("displayScore").innerHTML+=data.score+"<br/>";
    document.getElementById("displayScore").innerHTML+=data.summary+"<br/>";    
    document.getElementById("displayScore").innerHTML+="Dt: "+data.date+"<br/>";    
}
</script>

<script type="text/javascript" src="http://json-cricket.appspot.com/score.json?callback=getReply"></script>

I want the score to be refreshed automatically every 30 seconds through code without having any Refresh button in the page.

Can anyone please help? Thanks in advance

Answer 1

You can do something like this using Javascript to reload the page

<script type="text/javascript">
   setTimeout(function() {
    document.location = "http://YOUR_APP_URL";
   }, 30000);
  //other code as usual
</script>

If you want to make your app better you can use AJAX