jQuery | delay() 示例

简介

delay()是jQuery提供的一个用于延迟执行效果的方法。它可以让元素的效果动画更加流畅，也可以用于操作元素的时间控制，例如延迟动画的开始时间或是延迟添加或移除某个样式等。

语法

delay()方法有一个参数，即表示延时时间的毫秒数，可以是一个整数或字符串。当参数省略时，默认值为0。

$(selector).delay(milliseconds);

示例

延迟动画效果

以下示例演示了如何使用delay()方法延迟动画效果的开始时间：

$("button").click(function(){
  $("div").delay(1000).animate({height: '300px', opacity: '0.4'}, 'slow');
});

在上述示例中，当按钮被点击时，div元素将延迟1秒后开始执行动画效果。

延迟添加/移除样式

以下示例演示了如何使用delay()方法延迟添加或移除某个样式：

$("button").click(function(){
  $("div").delay(1000).addClass("highlight");
  $("div").delay(2000).removeClass("highlight");
});

在上述示例中，当按钮被点击时，div元素将延迟1秒后添加声明为highlight的样式，然后延迟2秒后再移除该样式。

总结

delay()方法可以帮助我们更好地控制jQuery的动画效果，可以让动画更加流畅，也可以用于延迟添加或移除某个样式。需要注意的是，该方法只对jQuery的动画效果生效，无法延迟其他JavaScript代码的执行。