クリックに時間機能を追加する方法

Question

ページ内のボタンをクリックするときにクリック間にポーズを追加しようとしています。

それは私を与えている

：

var inputs = document.getElementsByClassName('xxxxxx'); 

for(var i=0;i<inputs.length;i++) { 
    setTimeout(function() { 
     inputs[i].click(); 
    }, (1000 * i)) 
} 

それにアプローチする方法が他にわからない「をキャッチされない例外TypeErrorプロパティを読み取ることができません未定義の 『クリック』」。タイムアウトを削除すると、クリックが正しく機能します。

Answer 1

これは「ループ変数を閉じる」という問題です。何が起きているのは、タイムアウトが実際に発生すると、iはinputs.lengthに等しく、これは入力セットの終わりを超えています。

最も簡単な解決策：のためのテストを試してみてください

var inputs = document.getElementsByClassName('xxxxxx'); 

Array.prototype.slice.call(inputs).forEach(function (input, i) { 
    setTimeout(function() { 
     input.click(); 
    }, 1000 * i); 
});  

Answer 2

：あなたは、各入力自体とiの独立した、非変動のコピーを含む別の閉鎖を持っているように、代わりにたえず変化i変数の、Array#forEachを使用nullの場合の入力：

if (inputs[i] != null) { 
inputs[i].click();} 

完了し、ドキュメントの完了時にタイマーを開始してください。