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>

如何让这个div元素消失

4 个答案: