给我写一段公告轮播js代码

好的，以下是一个简单的公告轮播的 JavaScript 代码实现：

HTML 代码：

<div class="notice">
  <ul class="notice-list">
    <li>公告1</li>
    <li>公告2</li>
    <li>公告3</li>
  </ul>
</div>

CSS 代码：

.notice {
  overflow: hidden;
  position: relative;
}

.notice-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.notice-list li {
  display: none;
}

JavaScript 代码：

var noticeList = document.querySelector('.notice-list');
var noticeItems = noticeList.querySelectorAll('li');
var currentIndex = 0;

// 显示下一条公告
function showNext() {
  // 隐藏当前公告
  noticeItems[currentIndex].style.display = 'none';

  // 计算下一条公告的索引
  currentIndex = (currentIndex + 1) % noticeItems.length;

  // 显示下一条公告
  noticeItems[currentIndex].style.display = 'block';
}

// 每隔 3 秒切换公告
setInterval(showNext, 3000);

这段代码会每隔 3 秒钟切换一条公告，并且是无限循环的。你可以根据需要修改切换时间或者添加其他功能。