HTML字体显示两秒之后隐藏

关键代码

<script>
    $(document).ready(
            function()
            {
     
     
              /**
               *1.delay函数是jquery 1.4.2新增的函数
               *2.hide函数里必须放一个0,不然延时不起作用
               */
              //$('#message').delay(2000).hide(0); 直接隐藏
              $('#message').fadeOut(2000);
            }
    );
  </script>

查看显示

 <h4 style="color: red" id="message">我准备要隐藏了</h4>

全部的代码

<html>
  <head>
    <title>测试</title>
  </head>
  <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
  <body>
  <script>
    $(document).ready(
            function()
            {
     
     
              /**
               *1.delay函数是jquery 1.4.2新增的函数
               *2.hide函数里必须放一个0,不然延时不起作用
               */
              //$('#message').delay(2000).hide(0); 直接隐藏
              $('#message').fadeOut(2000);
            }
    );
  </script>
    <h4 style="color: red" id="message">${requestScope.message==null?"":message}</h4>
  </body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_44739706/article/details/109414986