Question

在这种情况下，如何在fadeOut发生之前执行超时？（评论的位置）。

HTML

<button id="button"> Button </button>

<h1 id="one"> Test</h1>

CSS

#one {display:none;}

的Javascript

$(document).ready(function(){
 $("#button").click(function(){

  $("#one").fadeIn('slow', (function(){
/* SetTimoeout */
  $("#one").fadeOut('slow');

 }));
})
});

Answer 1

试试这个：

$(document).ready(function(){

    $("#button").click(function(){

    $("#one").fadeIn('slow', function(){

        $("#one").delay(3000).fadeOut('slow');

       })
    })
})

最终代码：

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        
        #one {
            display: none;
        }
        
    </style>
</head>
    <body>
        
        <button id="button"> Button </button>
        <h1 id="one"> Test</h1>
        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script>
            
    $(document).ready(function(){

        $("#button").click(function(){

        $("#one").fadeIn('slow', function(){

            $("#one").delay(3000).fadeOut('slow');

           })
        })
    })
        
        </script>
    </body>
</html>

＆＃13;

函数代码前的setTimeout

1 个答案: