javascript - jquery 眨眼几下

标签 javascript jquery addclass removeclass blink

我想通过 addClass 和 removeClass 各使用 3 次来为元素赋予闪烁效果 我试过了

$("#div").addClass("orange").delay(300).queue(function(next){
    $(this).removeClass("orange");
    next();
});

这只工作了 1 次

我怎样才能以 300 毫秒的延迟使这种情况发生 3 次?

最佳答案

数到三:

(function() {
  var count = 0, $div = $('#div'), interval = setInterval(function() {
    if ($div.hasClass('orange')) {
      $div.removeClass('orange'); ++count;
    }
    else
      $div.addClass('orange');

    if (count === 3) clearInterval(interval);
  }, 300);
})();

我猜你可能会喜欢并为它编写自己的动画插件。

关于javascript - jquery 眨眼几下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5448315/

相关文章:

jquery - 如何将 eventData 传递给 .submit()?

javascript - 如何在每次点击时添加然后删除外部 div 上的类

javascript - Telerik MVC 网格按需填充

javascript - 如何在 Node.JS 项目中正确调整我的代码?

javascript - JSON 编码的 PHP 数组到 JAVASCRIPT 变量

javascript - 使用 JQuery 刷新页面的一部分

javascript - Bootstrap 导航栏工作不正常

javascript - 在客户端模拟 HTTP 请求

javascript - 在具有动态添加类的元素上单击无法识别

javascript - jQuery 克隆和重命名子元素