php - 我怎样才能让这个 div 元素消失

Question

我的网站上有这段代码，当你成功发表评论时，这个 div 就会出现。现在我希望 div 元素在 3-5 秒后消失。这是我的代码：

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

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

谢谢！

Answer 1

您的代码完美运行。我认为您错过了链接脚本库。在 PHP 脚本之前添加这一行就可以了。

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

Answer 2

您的代码应该可以完美运行。您还可以使用以下delay()功能：

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

Answer 3

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

Answer 4

在 php 代码中包含 HTML 标签不是一个好习惯。

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

<script>
  $(function(){

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


  });
</script>