公開2015.06.22 更新2017.12.03 仕事・技術 JavascriptのsetTimeout()を使って何らかの処理を遅らせて実行させたい場合のやり方です。 実現したいこと 今回はJavascript、html、CSSのオンラインエディタでリアルタイムプレビューをさせるようなシステムを作成しており、「キーボードが打ち続けられている間」はリアルタイムプレビューを行わず、「キーボードが押されなくなってから2秒後」にリアルタイムプレビューするようなイメージでした。 厳密にいえばリアルタイムプレビューではないですね(苦笑)。 指定時間毎に実行されるような自動保存機能に似ていますが、今回の制作物はキーが打ち続けられている間はタイマーのカウントが0に戻らなければならないという点がポイントです。 コード var timer = false; $('textarea').on( 'keyup
![Javascriptでタイムリセット機能付きで遅延実行させる方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/17c0178dadb4b8d8953235f6a93bbecb5b8717ac/height=288;version=1;width=512/https%3A%2F%2Flive.staticflickr.com%2F65535%2F51787557656_cfd26df5b5_b.jpg)