用js单文件写一个底部悬浮广告代码，三个图片轮番显示，有一个关闭广告按钮，pc端不显示，手机wap端显示。

由于您没有给出具体的图片地址和关闭按钮的设计，我只能提供一个基本框架，您需要自行根据需求修改。

<!-- 在页面底部插入一个固定的div，用于显示广告 -->
<div id="ad-container" style="position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100px; background-color: #f0f0f0;">
  <!-- 在div中插入三个img标签，用于轮番显示广告图片 -->
  <img id="ad-image-1" src="image1.png" style="display: block; width: 100%; height: 100%;">
  <img id="ad-image-2" src="image2.png" style="display: none; width: 100%; height: 100%;">
  <img id="ad-image-3" src="image3.png" style="display: none; width: 100%; height: 100%;">
  <!-- 插入一个关闭按钮，用于关闭广告 -->
  <button id="ad-close-button" style="position: absolute; top: 5px; right: 5px;">关闭广告</button>
</div>

<script>
  // 判断是否为移动设备，如果是则显示广告，否则隐藏
  if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    document.getElementById("ad-container").style.display = "block";
  } else {
    document.getElementById("ad-container").style.display = "none";
  }

  // 定义一个数组，用于存储广告图片的id
  var adImages = ["ad-image-1", "ad-image-2", "ad-image-3"];
  // 定义一个变量，用于存储当前显示的广告图片的索引
  var currentAdImageIndex = 0;

  // 定义一个函数，用于轮番显示广告图片
  function rotateAdImage() {
    // 隐藏当前显示的图片
    document.getElementById(adImages[currentAdImageIndex]).style.display = "none";
    // 计算下一张要显示的图片的索引
    currentAdImageIndex = (currentAdImageIndex + 1) % adImages.length;
    // 显示下一张图片
    document.getElementById(adImages[currentAdImageIndex]).style.display = "block";
  }

  // 定义一个定时器，用于每5秒钟轮番显示广告图片
  setInterval(rotateAdImage, 5000);

  // 给关闭按钮绑定点击事件，点击后隐藏广告
  document.getElementById("ad-close-button").addEventListener("click", function() {
    document.getElementById("ad-container").style.display = "none";
  });
</script>