Question

我需要在值更改

时刷新每个时间间隔内的特定数据行

$(document).ready(
  function() {
    setInterval(function() {
         var randomnumber = Math.floor();
         $('#output').text(
             gettxt()+ randomnumber);
         }, 1000);
    });

            function gettxt(){
                
                fetch('https://min-api.cryptocompare.com/data/top/exchanges?fsym=BTC&tsym=USD')
                 .then((res)=>res.text())
                 .then((data)=>{
                     document.getElementById('output').innerHTML=data;
                     
                 })
                
            }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>          
            <body>
                    
           
            
            <div id="output" style="margin:5px 0;">
                
            </div>
            
            <script type="text/javascript"
            src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
            </body></html>

在这里，我每时每刻都会精神焕发。我只需要刷新一个特定的行

Answer 1

您好我在这里按照您的要求完成，我只做了一行，对于您自己的其他行，我只是将您的字符串obj变成obj并添加了表格样式。

js fiddle

HTML

 <style>
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}
</style>
 <div id="output" style="margin:5px 0;">

                </div>
                <table>
  <tr>
    <th style="margin-left:20px">exchange</th>
    <th>fromSymbol</th>
    <th>toSymbol</th>
    <th> volume24h</th>
    <th>volume24hTo</th>
  </tr>
  <tr>
    <td>Bitfinex</td>
    <td>BTC</td>
     <td>USD</td>
       <td id="volume24h">BTC</td>
     <td id="volume24hTo">USD</td>
  </tr>



</table>

java脚本

$(document).ready(
      function() {
         setInterval(function() {
             var randomnumber = Math.floor();
             $('#output').text(
                 gettxt()) + randomnumber;
             }, 1000); 
              gettxt()
        });

                function gettxt(){

                    fetch('https://min-api.cryptocompare.com/data/top/exchanges?fsym=BTC&tsym=USD')
                     .then((res)=>res.text())
                     .then((data)=>{
                     var dataTemp = JSON.parse(data);
                         document.getElementById('volume24h').innerHTML=dataTemp.Data[0].volume24h;
                          document.getElementById('volume24hTo').innerHTML=dataTemp.Data[0].volume24hTo;
                         console.log(dataTemp);
                     })

                }

自动refrsh api数据

1 个答案: