Jquery 每X毫秒移动背景图像X个像素

我有一个多帧的一个按钮。我希望使用jQuery“播放”链接/按钮翻转时的帧。目前，使用CSS将图像设置为按钮的背景，因此我希望沿Y轴每隔30毫秒改变背景位置约40像素（但我可以改变方向）10倍，使其最终移动约400像素

我曾尝试在jQuery中使用动画和修改的背景位置插件，类似于此，但它或多或少会逐像素向上移动背景图像，而不是设置像素跳跃

---

有更好的选择吗？

如果您只想移动背景图像，可以使用setInterval。这是基本的想法（我没有测试过，所以可能不完美/有错误）

---

编辑：更正错误

“普通的老js”他说，给出了一个jQuery示例…；-）setInterval的参数顺序相反

function moveImage() {
var x = parseInt( $(selector).css("backgroundPositionx") );
var y = parseInt( $(selector).css("backgroundPositiony") );
$(selector).css("backgroundPositionx",x+change_in_x);
$(selector).css("backgroundPositiony",y+change_in_y);
}

document.setInterval(moveImage,numberofmilliseconds);