JS フレームワーク ブートストラップでモーダル モーダル ボックスを使用してプロンプト レイヤーを実装し、setTimeout() メソッドを使用して 2 秒後にモーダルを閉じることができます。次のエディターは、js がクリックしてプロンプト レイヤーをポップアップ表示し、2 秒後に自動的に消えることを説明する例を示しています。
test.html という名前の新しい HTML ファイルを作成します。このファイルは、JS クリック ポップアップ プロンプト レイヤーが 2 秒後に自動的に消えることを説明するために使用されます。
test.html ファイル内で、jquery ライブラリ ファイルを読み込み、ブートストラップの js ファイルと css ファイルを同時に読み込みます。
test.html ファイルで、div を使用してモーダル プロンプト レイヤーを作成します。プロンプト レイヤーにはタイトルとコンテンツが含まれます。コードは次のとおりです。test.html ファイルで、button タグを使用してボタンを作成し、ボタンをバインドし
ますボタンがクリックされると、myfun() 関数が実行されます。
js タグで myfun 関数を作成し、その関数内でブートストラップの modal() メソッドを使用してプロンプト レイヤーを表示します。
myfun 関数では、setTimeout() メソッドを使用して 2 秒を設定し、関数関数を実行し、modal('hide') を使用してモーダル プロンプト レイヤーを閉じます。
ブラウザで test.html ファイルを開き、ボタンをクリックして実装の効果を確認します。