慢跳Javascript

Question

我正在尝试使用缓动并使图像缓慢地上下移动。我知道了，但是在第一个循环中有一个“跳过”。您可以在https://culturehog.com上看到它的运行情况，这是我的代码：

// Bounce

function pushDavidUp() {
  $("#david").css({
    'transition' : 'transform 5s ease-in-out 0s',
    'transform' : 'translateY(-50px)'
  });
  setInterval(pushDavidDown, 5000);
}
function pushDavidDown() {
  $("#david").css({
    'transition' : 'transform 5s ease-in-out 0s',
    'transform' : 'translateY(50px)'
  });
  setInterval(pushDavidUp, 5000);
};
pushDavidDown();

我怀疑这是我应用CSS的方式，但是想知道我是否可以用JS补偿。