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

为了实现这个功能，我们需要使用HTML、CSS和JavaScript。以下是一个简单的实现方案：

HTML代码：

<ul id="list">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

<button id="update">更新</button>
<button id="pause">暂停</button>
<button id="reset">重置</button>

CSS代码：

li {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}

JavaScript代码：

// 获取DOM元素
const list = document.getElementById('list');
const updateBtn = document.getElementById('update');
const pauseBtn = document.getElementById('pause');
const resetBtn = document.getElementById('reset');

let intervalId; // 定时器ID

// 更新列表项内容的函数
function updateList() {
  const items = list.querySelectorAll('li');
  items.forEach(item => {
    const randomNum = Math.floor(Math.random() * 100) + 1; // 生成1-100之间的随机整数
    item.innerText = randomNum;
  });
}

// 更新按钮的点击事件
updateBtn.addEventListener('click', () => {
  intervalId = setInterval(updateList, 1000); // 每隔1秒更新一次列表项内容
});

// 暂停按钮的点击事件
pauseBtn.addEventListener('click', () => {
  clearInterval(intervalId); // 停止定时器
});

// 重置按钮的点击事件
resetBtn.addEventListener('click', () => {
  const items = list.querySelectorAll('li');
  items.forEach((item, index) => {
    item.innerText = index + 1; // 将列表项内容重置为1-5
  });
});

这个程序中，我们使用了`setInterval`函数来定时更新列表项内容，并使用`clearInterval`函数来停止定时器。同时，我们也实现了重置按钮功能，将列表项内容重置为1-5。