settimeout javascript関数が動作しません

Question

私はforループを持っており、その中にjsコードを持っています。settimeoutは、ピアノノートのリストの配列に応じて各鍵の色を設定する機能を持っています）。ピアノ鍵は特定の持続時間の間オレンジ色にとどまり、元の色に戻ります。しかし、それが起こるように、settimeoutは常に示唆どおりに機能しません。

setTimeout(function() { document.getElementById(val_key).style.fill = current_color; },duration); 

これについての助けもありがとうございます。

Answer 1

別途durationを渡す必要があります。完全なコードは存在しないので、期間が同じであるため、一度にすべてを実行していると仮定することができます。

また、あなたがIIFE & closure

for (var i = 0; i <=someLength; i++) { 
    (function(index) { 
     setTimeout(function() { 
      document.getElementById(val_key).style.fill = current_color; 
     }, i * someDuration); 
    })(i); // pass value of i 
}