javascript - 设置jquery中应用css的时间

Question

这是我的js代码。实际上我想设置应用这个css的时间。我尝试使用 setTimeout 但不起作用。如何使用 setTimeout 或其他任何东西。请帮忙。谢谢

$(document).ready(function() {
  $(".front").click(function() {
    $(".flip-container").css({
      "height": "0px"
    });
  });
});

Answer 1

使用setTimeout() 如下

$(document).ready(function() {
  $(".front").click(function() {
    setTimeout(function() {
      $(".flip-container").css({
        "height": "0px"
      });
    }, 1000);
  });
});

<小时/>

您还可以使用 animate() 来制作一些动画方法

$(document).ready(function() {
  $(".front").click(function() {
    $(".flip-container").animate({
      "height": "0px"
    }, 1000);
  });
});