js动画实现文字一直走

要使用JavaScript实现文字一直走的动画效果，你可以结合CSS和JavaScript来实现。以下是一个示例代码：

HTML:

<div id="marquee">
  <span id="text">这是滚动的文字</span>
</div>

CSS:

#marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 200px;
  border: 1px solid black;
}

#text {
  position: relative;
  animation: marquee 5s linear infinite;
}

@keyframes marquee {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}

JavaScript:

// 获取元素
const textElement = document.getElementById('text');

// 获取文字宽度
const textWidth = textElement.offsetWidth;

// 设置滚动时间
const duration = textWidth / 50; // 每秒滚动50px

// 设置动画持续时间
textElement.style.animationDuration = duration + 's';

这段代码会使文字在指定的容器内水平滚动，可以根据需要调整容器的宽度、滚动速度和动画效果。记得将以上代码放在页面加载完成后执行或放在`<script>`标签中进行测试。