如何使用fade in effect自定义引导转盘

<div id="guide-wheel"></div>

#guide-wheel {
  width: 200px;
  height: 200px;
  background-color: #f1f1f1;
  border-radius: 50%;
  opacity: 0;
}

// 使用jQuery实现fade in effect动画
$(document).ready(function() {
  $("#guide-wheel").fadeIn(1000); // 1000表示动画持续时间，单位为毫秒
});

// 使用自定义动画函数实现fade in effect动画
function fadeIn(element, duration) {
  var op = 0;  // 初始透明度为0
  var interval = 10;  // 动画帧间隔时间，单位为毫秒
  var step = 1 / (duration / interval);  // 每帧透明度增加的步长

  var timer = setInterval(function() {
    op += step;
    element.style.opacity = op;

    if (op >= 1) {
      clearInterval(timer);
    }
  }, interval);
}

// 调用自定义动画函数实现fade in effect动画
var guideWheel = document.getElementById("guide-wheel");
fadeIn(guideWheel, 1000); // 1000表示动画持续时间，单位为毫秒