ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryを数秒間停止するように設定する方法

jQueryを数秒間停止するように設定する方法

WBOY
WBOYオリジナル
2022-05-18 15:47:492742ブラウズ

jquery では、setTimeout() メソッドを使用して、実行前に数秒停止するように設定できます。このメソッドは、指定された待ち時間を設定するために使用されます。時間が経過すると、指定されたコードが実行されます. 構文は「setTimeout(実行するコード、停止するミリ秒数)」です。

jQueryを数秒間停止するように設定する方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery を数秒間停止するように設定する方法

setTimeout() は window に属するメソッドで、指定したミリ秒後に関数を呼び出したり、式を計算したりするために使用されます。

構文 形式は次の 2 つです:

setTimeout(要执行的代码, 等待的毫秒数)
setTimeout(JavaScript 函数, 等待的毫秒数)

setTimeout() は、指定された待ち時間 (単位は 1000 分の 1 秒、ミリ秒) を設定します。ブラウザは指定されたコードを実行します

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
setTimeout(function(){$("p").css("background-color","#66ccff");}, 3000 )
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
</body>
</html>

出力結果:

jQueryを数秒間停止するように設定する方法

関連ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjQueryを数秒間停止するように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。