JS：1. 定义一个数组，存放若干学生姓名 2. 页面布局 2 个按钮（开始和停止）和一个div，初始状态开始按钮可用，停止按钮禁用；点击开始按钮后，在 div 中滚动显示每位同学姓名，并且停止按钮可用，开始按钮禁用；点击停止按钮，div 中不再滚动，按钮状态恢复到初始状态

HTML代码：

<button id="start" onclick="startScroll()">开始</button>
<button id="stop" onclick="stopScroll()" disabled>停止</button>
<div id="name-container"></div>

JavaScript代码：

const names = ['小明', '小红', '小刚', '小华', '小李']; // 学生姓名数组
let scrollTimer; // 滚动计时器

function startScroll() {
  const nameContainer = document.getElementById('name-container');
  let index = 0;
  nameContainer.innerText = names[index];
  index++;
  scrollTimer = setInterval(() => {
    if (index >= names.length) {
      index = 0;
    }
    nameContainer.innerText = names[index];
    index++;
  }, 1000);
  document.getElementById('start').disabled = true;
  document.getElementById('stop').disabled = false;
}

function stopScroll() {
  clearInterval(scrollTimer);
  document.getElementById('start').disabled = false;
  document.getElementById('stop').disabled = true;
}

点击开始按钮后，我们使用 `setInterval()` 函数，每隔一秒钟滚动显示下一个学生姓名。点击停止按钮后，我们使用 `clearInterval()` 函数来停止滚动。在函数中，我们还修改了按钮的状态，以防止用户重复点击导致程序出错。