JSでsetTimeoutのループを作る方法は？

Question

私のグラフを下に掲載されたデータで更新できるように無限ループを作りたいと思います。私は3つの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年2秒間）を実行してしまいます。最初のデータポイントで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 
 
}