javascript - 如何使用 fetch() 获得的 vanilla JS 每 x 秒更新一次信息?
问题描述
我有一些通过 fetch() 收到的信息,并且这些信息保持在通话时的状态。原始 json 每 10 秒更新一次,我想通过每 10 秒更新一次 fetch 来利用这一点。我怎么做?
我的代码是:
fetch('https://api.nomics.com/v1/currencies/ticker?key=my_key&ids=BTC,ETH,XRP&interval=1d,30d&convert=USD&per-page=100&page=1')
.then(function (response) { return response.json(); })
.then(function (data) { appendData(data); });
function appendData(data) {
document.getElementById('pikcs').src = data[2].logo_url;
var mainContainer = document.getElementById("ideir");
for (var i = 0; i < data.length; i++) {
var div = document.createElement("div");
div.innerHTML = data[i].id + " " + data[i].name + "<br> $" + data[i].price; div.style.paddingRight = "50px";
var imzs = document.createElement("img");
imzs.src = data[i].logo_url; imzs.style.height = "40px";
mainContainer.appendChild(imzs);
mainContainer.appendChild(div);
}
解决方案
您可以使用setInterval()
const interval = setInterval(function() {
fetch('https://api.nomics.com/v1/currencies/ticker?key=my_key&ids=BTC,ETH,XRP&interval=1d,30d&convert=USD&per-page=100&page=1')
.then(function (response) { return response.json(); })
.then(function (data) { appendData(data); });
}, 1000); //1000 means 1 sec, 5000 means 5 seconds
推荐阅读
- python - python乌龟的while循环内的键绑定
- linux - 在bash中运行多个并行sqlplus连接一段时间
- python - 如何更改数百个基因组中的染色体名称?
- javascript - 单击其他视频后,我试图专注于我的主要 iframe 视频,但它不起作用
- python - 读取excel文件时权限被拒绝错误
- google-apps-script - BigQuery - 尝试使用宏刷新数据连接时出现 Google 表格错误
- mysql - 不确定如何修复我的 sql 代码中的语法错误
- typescript - 将 TouchableOpacity 与主要透明一起使用会导致打字稿错误
- bazel - 使用 mediapipe 时 bazel 同步失败的问题
- javascript - 单击 Reactjs 中的按钮时显示不同的组件