js程序创建一个新的页面，该页面包含一个无序列表ul，表中有五个列表项li，每个列表项中分别有数字1、2、3、4、5。要求单击页面中的“更新”按钮之后，每隔1秒钟，列表项中的数字会随机变成新的数字(1-100之间的整数)，单击“暂停”按钮后停止更新；若要增加“重置”按钮，单击后列表仍显示数字1、2、3、4、5，应如何实现?

以下是一个实现该功能的示例代码：

HTML：

<button id="updateBtn">更新</button>
<button id="pauseBtn">暂停</button>
<button id="resetBtn">重置</button>
<ul id="list">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

JavaScript：

const updateBtn = document.getElementById('updateBtn');
const pauseBtn = document.getElementById('pauseBtn');
const resetBtn = document.getElementById('resetBtn');
const list = document.getElementById('list');
let timer;

updateBtn.addEventListener('click', () => {
  pauseBtn.disabled = false;
  updateBtn.disabled = true;
  resetBtn.disabled = true;
  timer = setInterval(() => {
    const lis = list.querySelectorAll('li');
    lis.forEach(li => {
      li.textContent = Math.floor(Math.random() * 100) + 1;
    });
  }, 1000);
});

pauseBtn.addEventListener('click', () => {
  pauseBtn.disabled = true;
  updateBtn.disabled = false;
  resetBtn.disabled = false;
  clearInterval(timer);
});

resetBtn.addEventListener('click', () => {
  pauseBtn.disabled = true;
  updateBtn.disabled = false;
  resetBtn.disabled = true;
  clearInterval(timer);
  const lis = list.querySelectorAll('li');
  lis.forEach((li, index) => {
    li.textContent = index + 1;
  });
});

该代码首先获取了页面中的按钮和列表元素，并添加了对应的事件监听器。当点击“更新”按钮时，会禁用“更新”、“暂停”和“重置”按钮，并使用 `setInterval` 函数每隔1秒钟更新列表项的内容。当点击“暂停”按钮时，会禁用“暂停”按钮并启用“更新”和“重置”按钮，并使用 `clearInterval` 函数停止定时器。当点击“重置”按钮时，会禁用“重置”按钮并启用“更新”按钮，并使用 `clearInterval` 函数停止定时器，然后将列表项的内容重置为初始值。