我怎样才能使这个div元素消失

Question

I have this code on my website and this div appears when u successfully post a comment. Now I want the div element disappear after 3-5 seconds. Here's my code:

echo "<div class='granted'><p>Comment posted.</p></div>";

            echo "<script type=\"text/javascript\">
                setTimeout(function() {
                $('.granted').fadeOut('fast');
                }, 3000);
            </script>";

Thanks!

Answer 1

Your code works perfectly. I think you have missed to link the script library. Adding this line before the PHP script does the trick.

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Answer 2

Your code should work perfectly. You can also use the delay() function:

$('.granted').delay(3000).fadeOut('fast');

Answer 3

$(document).ready(function(){ 
    setTimeout(function(){ 
        $('.granted').hide();}, 5000); 
});

Answer 4

It's not good practice to include HTML tags inside php codes.

<div class='granted'><p>Comment posted.</p></div>

<script>
  $(function(){

          setInterval(function(){
               $('.granted').fadeOut(1);
          },5000);


  });
</script>