button.addEventListener('click', fn, 'false');をクリックせず、1秒間隔で実行するには？

Question

button.addEventListener('click', fn, 'false');
```となっているのですが、
クリックしない場合でも、1秒間隔で(クリックしたとみなして)実行させる方法は？

Answer 1

ボタンのclick()を定期的に呼び出せばいいでしょう。

setInterval(buttonClick, 1000);

function buttonClick() {
button.click();
}

setIntervalの第一引数に直接button.clickを渡してもいいんじゃね？と思うかもしれませんが、
Illegal invocationとなるので自前の関数を作ってそれを渡します。

Comments

[re97]

う、うごきましたー

[think49]

> setIntervalの第一引数に直接button.clickを渡してもいいんじゃね？と思うかもしれませんが、 Illegal invocationとなるので自前の関数を作ってそれを渡します。
this 値が異なるのが原因なので Function#bind で this 値を束縛すればその方法でも実装可能です。
var input = document.querySelector('input[type=checkbox]');
setInterval(input.click.bind(input), 1000);

[退会済みユーザー]

ほんとだ！すごい！

Answer 2

JavaScriptはイベントドリブン（イベント駆動）で動作します。
JavaScriptの世界に置いて「ユーザーがクリックする」事をイベントと呼びます。
（マウスが押し込まれて、クリックして、マウスが離されたという3イベントが五月雨のように発生します）
擬似的なクリックしたとみなす事を「イベントの発火」と呼びます。

というわけで「javascript event 発火」とググれば一瞬で答えが出てくるでしょう。