如何让演员从屏幕的右侧滑出，然后重置回左侧

.actor {
  position: absolute;
  top: 50%;
  right: -100px; /* 将演员元素初始位置设在屏幕右侧外侧 */
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  background-color: red;
}

.slide-in {
  animation-name: slideIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes slideIn {
  0% {
    right: -100px; /* 初始位置 */
  }
  100% {
    right: 0; /* 最终位置 */
  }
}

function slideActor() {
  const actor = document.querySelector('.actor');
  actor.classList.add('slide-in');
  
  // 添加一个定时器，在演员滑动动画结束后执行重置操作
  setTimeout(resetActor, 1000);
}

function resetActor() {
  const actor = document.querySelector('.actor');
  actor.style.right = '-100px'; // 重置回初始位置
  actor.classList.remove('slide-in');
}

window.addEventListener('load', slideActor);