CODEWITHSUNDEEP
javascriptphpjqueryhtmlajax
Bart
Bart

Reputation: 767

Refresh part of my php page with setInterval()

I have a value on my PHP page and I want to refresh it per second with setInterval().

So I actually know how to refresh values with html etc. But now I want to do the same with php values. Here is my code:

<script>
setInterval(function()
    {

<?php
$urlMachineOnline = 'http://192.168.0.150/awp/Shredder/PLCfiles/MachineOnline.html';

// get content
$contentMachineOnline = file_get_contents($urlMachineOnline);

//remove first 2 characters
$truncateMachineOnline = substr($contentMachineOnline, 2);

//remove last 5 characters
$MachineActivityMS = substr($truncateMachineOnline, 0, -5);

//Set the value to seconds
$MachineActivityS = floor($MachineActivityMS /1000);

$formatMachineActive = 'H:i:s'; 

$TimeMachineActive = gmdate($formatMachineActive, $MachineActivityS);

?>

},1000);

</script>

Ofc this isn't working since JS and php arent really great together. and in my table I just simply have: 

<table>
    <tr>
        <td>Activity:</td>
        <td><p id='MachineActivity'></p><?php echo $TimeMachineActive; ?></td>
    </tr>
</table>

So the problem now is, it's only refreshing when I press f5. But now I want the autorefresh. I know setInterval() worked for html. Is it possible to get this done for php code?

Upvotes: 0

Views: 2988

Answers (6)

Mwinuka Diaz
Mwinuka Diaz

Reputation: 1

I'm sure this will work for you 

 <script>
     setTimeout(function(){
         location.reload();
      },1000); // 1000 milliseconds means 1 seconds.
 </script>

Upvotes: 0

Hammad
Hammad

Reputation: 2137

This should work for you:

JS Code:

<script>
setInterval(function()
{

    $.ajax({

    url: 'value-generation.php',
    type: 'get',
    success: function(response){

    $("#MachineActivity").html(response)
    },

    });

        },1000);

    </script>

value-generation.php code:

<?php
$urlMachineOnline = 'http://192.168.0.150/awp/Shredder/PLCfiles/MachineOnline.html';

// get content
$contentMachineOnline = file_get_contents($urlMachineOnline);

//remove first 2 characters
$truncateMachineOnline = substr($contentMachineOnline, 2);

//remove last 5 characters
$MachineActivityMS = substr($truncateMachineOnline, 0, -5);

//Set the value to seconds
$MachineActivityS = floor($MachineActivityMS /1000);

$formatMachineActive = 'H:i:s'; 

$TimeMachineActive = gmdate($formatMachineActive, $MachineActivityS);

echo $TimeMachineActive;

?>

Upvotes: 2

itssajan
itssajan

Reputation: 830

This is how you convert php value to javascript value

<script>
setInterval(function(){
<?php
$urlMachineOnline = 'http://192.168.0.150/awp/Shredder/PLCfiles/MachineOnline.html';
// get content
$contentMachineOnline = file_get_contents($urlMachineOnline);
//remove first 2 characters
$truncateMachineOnline = substr($contentMachineOnline, 2);
//remove last 5 characters
$MachineActivityMS = substr($truncateMachineOnline, 0, -5);
//Set the value to seconds
$MachineActivityS = floor($MachineActivityMS /1000);
$formatMachineActive = 'H:i:s'; 
$TimeMachineActive = gmdate($formatMachineActive, $MachineActivityS);
?>
var n_val = "<?php echo $TimeMachineActive; ?>";
    console.log(n_val);
},1000);

</script>

Change console and give it to your desire.

But does this make the loading time more ? Every second you are calling a remote page and checking ?

Upvotes: 1

Answers_Seeker
Answers_Seeker

Reputation: 468

As you know, a PHP file will make the server generate a page when you call its URI. The way you are using your script won't make the server "regenerate" the page and update the values.

Assuming this, you can:

  • Externalize the php code which is in your setInterval function (ex: update_time_machine.php)

  • Recall the externalized PHP resource(using IFrame or a request)

  • Update your page through Jquery/JAVASCRIPT using the PHP script output.

Edit: Mihali's answer sounds the cleanest one.

Upvotes: 0

Asit
Asit

Reputation: 468

You need to define setInterval function.

function setInterval($f, $milliseconds)
{
    $seconds=(int)$milliseconds/1000;
    while(true)
    {
        $f();
        sleep($seconds);
    }
}

Now call your set interval function and it should work fine.

Upvotes: 0

Mihaly KR
Mihaly KR

Reputation: 2373

When you refresh, PHP returns the whole page again, and it cannot refresh parts of the page. So if you want just part of the page refreshed, you'll need to use iframes.

<body>
  <h1>This is my main PHP page</h1>
  <iframe src="[url-to-another-php-page-with-only-the-timer]"></iframe>
</body>

And then you'll have to do a separate php page with just the timer value, and serve the html with a meta tag - this meta tag will do the refresh. Meta tag is detailed in this ticket: PHP - auto refreshing page

Upvotes: 0

Related Questions