Bonjour,

Je souhaite afficher le cours du BTC de chaque heure de la journée dans un tableau HTML.



J'ai une colonne "cours actuel" où la valeur du BTC évalue à chaque moment mais dans les autres colonnes, le tableau doit me récupérer le cours du BTC lorsqu'il était minuit pile, puis une heure du matin pile , etc...

Pour l'instant, j'ai juste réussi à récupérer le cours actuel depuis l'api de binance. Si vous avez une solution pour récupérer le cours à minuit et à une heure du matin, je vous en serai infiniment reconnaissant.

Voici ci dessous une reproduction du code au cas où:

https://stackblitz.com/edit/web-plat...ile=index.html

Voilà le code JS

Code JAVASCRIPT : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
let ws = new WebSocket('wss://stream.binance.com:9443/ws/btcusdt@trade');
 
let stockPriceElement = document.getElementById('stock-price');
let lastPrice = null;
 
ws.onmessage = (even) => {
  let stockObject = JSON.parse(event.data);
  let price = parseFloat(stockObject.p).toFixed(2);
  stockPriceElement.innerText = price;
 
  stockPriceElement.style.color =!lastPrice || lastPrice === price
      ? 'black'
      : price > lastPrice
      ? 'green'
      : 'red';
 
  lastPrice = price;
};

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="no-more-tables">
          <table
            class="col-md-12 table-bordered table-striped table-condensed cf">
            <thead class="cf">
              <tr>
                <th>Coin</th>
                <th>Current course</th>
                <th class="numeric w7 text-center">00h00</th>
                <th class="numeric w7 text-center">01h00</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>BTC</td>
                <td class="w14"><span id="stock-price"></span></td>
                <td class="numeric"></td>
                <td class="numeric"></td>
              </tr>
            </tbody>
          </table>
        </div>