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

HTML代码：

<button id="startBtn" disabled>开始</button>
<button id="stopBtn">停止</button>
<div id="nameList"></div>

JavaScript代码：

// 定义学生姓名数组
const students = ['小明', '小红', '小刚', '小李', '小张'];

// 获取页面元素
const startBtn = document.getElementById('startBtn');
const stopBtn = document.getElementById('stopBtn');
const nameList = document.getElementById('nameList');

let intervalId; // 定时器ID

// 点击开始按钮事件
startBtn.addEventListener('click', function() {
  startBtn.disabled = true; // 开始按钮禁用
  stopBtn.disabled = false; // 停止按钮启用
  let i = 0;
  intervalId = setInterval(function() {
    nameList.innerText = students[i];
    i = (i + 1) % students.length; // 循环显示学生姓名
  }, 1000);
});

// 点击停止按钮事件
stopBtn.addEventListener('click', function() {
  startBtn.disabled = false; // 开始按钮启用
  stopBtn.disabled = true; // 停止按钮禁用
  clearInterval(intervalId); // 清除定时器
});

解释：首先定义了一个学生姓名数组 `students`，然后通过 `document.getElementById` 方法获取页面元素，包括两个按钮和一个 `div` 元素。在点击开始按钮时，会禁用开始按钮、启用停止按钮，并且通过 `setInterval` 方法循环显示学生姓名，每隔 1 秒钟切换一次。在点击停止按钮时，会恢复按钮状态，并且通过 `clearInterval` 方法清除定时器。