jquery - 使用jQuery在间隔上复合CSS转换

我有一个非常简单的间隔计时器，该计时器每2000ms将转换添加到一段文本中：

setInterval(function(){
$("p").css({"-webkit-transform": "translate3d(0, -60px, 0)", "transform": "translate3d(0, -60px, 0)"});
}, 2000);

我希望将转换值复合到每次迭代的元素上（-60px，-120px，-180px）...

如何在不创建多个类的情况下以最简单的方式实现这一目标？

最佳答案

如果我没看错，您希望每2秒减去60px。
您可以这样做：

var px = 0
setInterval(function(){
  px = px - 60;
  $("p").css({
    "transform": "translate3d(0px," + px + "px, 0px)"
  });
}, 2000);

这是从变量px每2秒减去60。

只需更改数字即可更改金额或间隔。

关于jquery - 使用jQuery在间隔上复合CSS转换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48564966/