Вопрос про обновление таблицы

У меня есть код, который обновляет данные в таблице каждые 5 секунд. Данные подтягиваются из api https://poloniex.com/public?command=returnTradeHistory&currencyPair=USDC_BTC

Файл index.php

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<div id="tableHolder"></div>

<script>

   $(document).ready(function(){
    refreshTable();
    });

function refreshTable(){
       $('#tableHolder').load('getdata.php?time=' + new Date().getTime(), function(){
       setTimeout(refreshTable, 4000);
      });
     }

</script>

И файл getdata.php

<table id="tableHolder">
  <thead>
    <tr>
     
    </tr>
  </thead>
  <tbody>
<?php
        $data = file_get_contents('https://poloniex.com/public?command=returnTradeHistory&currencyPair=USDC_BTC');
        $testing = json_decode($data, 1); 
         
      
        foreach(array_slice($testing, 0, 10) as $testing) {
          echo "<tr>"; 
            $ttest = $testing['date'];
          echo "<td>", date("H:i:s",strtotime($ttest)), "</td>";
            $type = $testing['type'];
            $rate = $testing['rate'];
            
            if ($type == "sell") {
                echo "<td style='color: #fe0000;'>", number_format((float)$rate, 2, '.', ''), "</td>";
            } else {
                echo "<td style='color: #21c91e;'>", number_format((float)$rate, 2, '.', ''), "</td>";
            }
            echo "<td>", $testing['amount'], "</td>";
            
          echo "</tr>";
            
        }
?>
  </tbody>
</table>

Вопрос. Как сделать так что бы скрипт брал например 10ю строку, добавлял её в таблицу, через секунду 9ю строку и добовлял новую строку в таблице (старая уходит ниже), потом 8ю и так далее. Либо другой способ который позволит сделать постоянный поток данных каждую секунду.


Ответы (0 шт):