web-dev-qa-db-ja.com

一定期間後にdivを非表示にする方法は？

ページをリロードする特定の期間の後、div（Gmailの「メール送信成功」など）を非表示にする必要があります。

どうやってやるの？

jqueryhtmlfadeout
37
rag

これは、テストに基づいた完全な実例です。それを現在持っているものと比較して、どこがおかしいのかを見つけてください。

<html> 
  <head> 
    <title>Untitled Document</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript"> 
      $(document).ready( function() {
        $('#deletesuccess').delay(1000).fadeOut();
      });
    </script>
  </head> 
  <body> 
    <div id=deletesuccess > hiiiiiiiiiii </div> 
  </body> 
</html>
93
rosscj2533

Jqueryの古いバージョンでは、 settimeout を使用して「javascriptの方法」で実行する必要があります。

setTimeout( function(){$('div').hide();} , 4000);

または

setTimeout( "$('div').hide();", 4000);

最近 jquery 1.4 でこのソリューションが追加されました：

$("div").delay(4000).hide();

もちろん、「div」を有効な jquery selector を使用して正しい要素に置き換え、 ドキュメントの準備ができている のときに関数を呼び出します。

44
marcgg
setTimeout('$("#someDivId").hide()',1500);
8
Jage
$().ready(function(){

  $('div.alert').delay(1500);
   $('div.alert').hide(1000);
});
div.alert{
color: green;
background-color: rgb(50,200,50, .5);
padding: 10px;
text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="alert"><p>Inserted Successfully . . .</p></div>
2
Osahady