JavaScriptのタイマー処理をしてみよう!
JavaScriptで好きなタイミングで処理を動作させたら止めたりするにはどうしますか?
【結論】
setIntervalやclearTimeoutなどのタイマー処理をすると
好きなタイミングで処理を動かしたり止めたりできます。
【理由】
経過時間に処理する関数
setTimeout関数 ・・・ 指定した時間経過後に処理を実行する
setInterval関数 ・・・ 指定した時間ごとに処理を実行する
経過時間に処理を停止する関数
clearTimeout関数 ・・・ setTimeoutで設定したタイマーを取り消す
clearInterval関数 ・・・ setIntervalで設定したタイマーを取り消す
【具体例】
サンプルページ
画面のボタンをクリックすると6秒ごとにメッセージがコンソールに表示されます。
コンソールについてはこちらにあります。
https://www.javadrive.jp/javascript/console/index1.html
addEventListenerはクリックするとイベントを動かすメソッドです。
window.setInterval指定した時間毎に繰り返し指定した関数を呼びだすことができます。
ちなみにこの処理をストップさせるには
取材やお仕事紹介などはこちらからお気軽にご連絡下さい。
ysa7825@gmail.com