如何在 JS 中制作设置超时循环?

Question

我想做一个无限循环，以便能够用下面发布的数据更新我的图表。我有三个setTimeout()，但我如何将它们放在一个循环中？也许一些不同的解决方案更好？

setTimeout(function() {
addData(myChart, [45, 50, 30, 34, 61, 53, 42], 0, );
}, 2000);
setTimeout(function() {
addData(myChart, [50, 40, 20, 15, 89, 63, 5], 0, );
}, 7000);
setTimeout(function() {
addData(myChart, [45, 50, 30, 34, 61, 53, 42], 0, );
}, 10000);

Answer 1

改用setInterval()，传入的函数将每n毫秒执行一次(此处为 2000 秒)。并使用第一个数据点初始化myArray。

setInterval(function() {
addData(myChart, myArray, 0, );
myArray = updateData(); // this will populate your array with new data after every 2 seconds.
}, 2000);
function updateData() {
return updatedArray; // array with new data points
}