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

Question

我有一个非常简单的间隔计时器，每 2000 毫秒向一段文本添加一个转换:

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

我希望在每次迭代时将转换值复合到元素上(-60px、-120px、-180px)...

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

Answer 1

如果我没理解错的话，你想每 2 秒减去 60px。你可以这样做:

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

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

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