すぐに自動的に消えるアラート
すぐに自動的に消えるアラート JavaScriptで確認を促すアラートで警告画面が出て、１秒後にokボタンをクリックせずに自動でアラート画面が閉じるようにするにはどう書けばいいでしょうか？ ご教示お願いいたします｡
HTML、CSS・17,581閲覧・50
ベストアンサー
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1366318098
すぐに自動的で消えていいならアラートのダイアログを出す必要がないですし、javascriptを使っては通常消せなかった気がします。(もしかしたら方法があるかもしれませんが。) headタグに以下のものを追加すると、それっぽい事が出来ます。 css: <style> #alert{ position:absolute; z-index:10000; top:0; left:0; border:solid 3px #aaa; background:fcfcfc; display:block; width:400px; height:300px; padding:20px; line-height:300px; text-align:center; font-size:32px; font-weight:bold; } </style> javascript: <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <script> $(function(){ $("body").append('<div id="alert" class="grad">アラート</div>'); var $ah = $("#alert").height(); var $aw = $("#alert").width(); var $top = $(window).height()/2-$ah/2; var $left = $(window).width()/2-$aw/2; $("#alert").css({"top":$top,"left":$left,"opacity":0}).animate({"opacity":1},500); setTimeout(function(){ $("#alert").delay(1000).animate({"opacity":0},1500,function(){ $(this).remove(); $("body").css("overflow","auto"); }); },1000); }) </script> サンプル： http://www.webdesignersweblog.com/tips/program/del-alert.html
NEW! この回答はいかがでしたか？ リアクションしてみよう
質問者からのお礼コメント
potooooooooz様、サンプルまで作って頂きありがとうございます。皆様ありがとうございました。
お礼日時：2011/7/12 16:33
その他の回答（2件）
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1366318098
alertを消すことはできないですね ですので、idを"msg"とかに設定したDIVタグ（CSSのposition=absoluteにして浮かせたりする）で アラートMSGを表示して タイマーを起動させ、そのDIVタグ（getElementById("msg")とかで取って）を消去するのが良いかと思います。
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1366318098
