如何让文本在2个变量的按钮脚本上水平滚动？

<div id="scrollContainer">Your text here</div>

#scrollContainer {
  width: 200px; /* 设置容器宽度 */
  height: 20px; /* 设置容器高度 */
  overflow: hidden; /* 隐藏溢出部分 */
}

#scrollContainer p {
  display: inline; /* 内联显示文本 */
  white-space: nowrap; /* 不换行 */
}

function scrollText() {
  var container = document.getElementById("scrollContainer");
  var text = container.getElementsByTagName("p")[0];
  var speed = 2; // 滚动速度，可自行调整

  text.style.marginLeft = parseInt(text.style.marginLeft) - speed + "px";
  if (parseInt(text.style.marginLeft) < -text.offsetWidth) {
    // 当文本滚动到左侧看不见时，将其恢复到容器右侧
    text.style.marginLeft = container.offsetWidth + "px";
  }
}

// 每隔一段时间执行一次滚动函数，创建定时器
setInterval(scrollText, 20);