補足:関数を別途定義しなくても可。概要setTimeoutはとは以下のように、指定時間後に関数を実行するために使われる関数です。CodePen.ボタンクリックで2秒後に、テキストを表示します。pタグを表示する関数を作って、setTimeoutしているだけですね。補足:関数を別途定義しなくても可。別途実行する関数を定義しなくとも、以下のように実装することもできます。setTimeout(()=>{$("p").show()},2000);こちら、アロー関数と即時関数を利用しています。仕様によっては、一度設定したタイマーを解除するケースもあります。そのような場合にはclearTimeoutを使います。clearTimeout(id);このようにidを指定してタイマーを解除するのですが、このidとは何でしょうか。使い方:setTimeoutの返り値を指定する実は先ほど解説したsetTimeoutには返り値があります。setTimeout(()=>{$("p").show()},3000);console.log(id);//1このidをcrearTimeoutの引数に指定することでタイマーを解除できます。CodePen.「表示する」ボタンクリックで3秒後にテキストを表示します。待ちの間に「中止する」ボタンをクリックすると表示されなくなります。表示後に「非表示にする」をクリックするとテキストを非表示にします。$("p").hide();});これまでに解説したコードを組み合わせているだけですね。変数idは最初に定義しておきましょう。まとめ「タイマーを指定する」コード解説はよくありますが、解除についてはあまりみない印象です。タイマーの制御はウェブ開発には必須となりますので、ぜひ使えるようになっておきましょう。コピーフォローするmule関連記事JavaScriptAjaxを使って画面をリロードせずにPHPを動かす(初心者向け)JavaScriptを使えば、画面上の表示を変えることは簡単にできます。jQueryのattr()はHTMLの属性の取得・操作ができます。クラス名を取得した...JavaScript配列の操作(追加・削除・差し替え他)【JavaScript】JavaScriptには、配列操作のためのメソッドがいくつか用意されています。複雑な操作もか...JavaScriptユーザの承認を得て、audioの自動再生を可能にする。こんな風にaudioタグの音声を自動再生しようとす...JavaScriptDOM操作でHTML要素の追加・削除【jQuery】jQueryでHTMLの操作をしたい時があります。そのような場合に必要なのがDOM操作です。(@masah...ユーザの承認を得て、audioの自動再生を可能にする。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。ホームJavaScriptmulemuleと申します。IT業界で働いて約5年になります。ウェブ製作・ツール系アプリ製作を主に行っております。exports?exports.SyntaxHighlighter=SyntaxHighlighter:nullタイトルとURLをコピーしました。