一定時間だけ表示するモーダルウィンドウ

アラート用のモーダルウィンドウを作りました。
一定時間だけモーダルを表示させます。
表示中にモーダル以外の箇所をクリックした場合はモーダルが非表示になります。

デモページ

html

css

js(jQuery)

解説

クリックされたらhrefと同じIDがついた要素を取ってくる

このままだとmodalBoxの高さがない状態になってしまうので、modalInnerの高さを効かせる

setTimeoutで一定時間後に落とす

デモページ

  • コーダーのための計算機