подскажите пожалуйста как можно сделать что бы данный код обновлялся каждую секунду , при использование SetInterval, код не обновляется а создаются новый объекты.
Если быть точным мне нужно обновлять каждую секунду ${parseFloat(content[key].lastPrice)} и {parseFloat(content[key].priceChangePercent).toFixed(2)}.
Код можно найти https://jsfiddle.net/xe2s4act/1/
Я понимаю что тут ответ вроде может быть простым, но я уже голову себе поломал не могу найти решение)
Буду рад вашей помощи.
async function getResponse() {
let response = await fetch('https://api.binance.com/api/v3/ticker/24hr?symbols=%5B%22BNBUSDT%22,%22BTCUSDT%22,%22ETHUSDT%22,%22LTCUSDT%22,%22SOLUSDT%22%5D');
let content = await response.json()
content = content.splice(0, 5)
let list = document.querySelector('.posts')
let key;
//for in
for (key in content) {
list.innerHTML += `
<div class="post">
<h4>${content[key].symbol}</h4>
<img src="img/${key}.png" alt="image" width="28px">
<p>${parseFloat(content[key].lastPrice)}</p>
<p class="Percent" id="Percent${key}">${parseFloat(content[key].priceChangePercent).toFixed(2)}</p>
</div>
`
let symbol = content[key].symbol;
let prevClosePrice = content[key].prevClosePrice;
let lastprice = content[key].lastPrice;
if (prevClosePrice < lastprice) {
var BTtimerSetButton = document.getElementById("Percent" + key);
BTtimerSetButton.classList.add('hzgCfk');
} else {
var BTtimerSetButton = document.getElementById("Percent" + key);
BTtimerSetButton.classList.add('hzgCfk2');
}
console.log(content[key])
console.log(prevClosePrice)
console.log(lastprice)
console.log(symbol)
}
}
getResponse()