setInterval淡入淡出纯javascript没有jquery或css

// 获取需要进行淡入淡出效果的元素
var element = document.getElementById("myElement");

// 设置初始透明度为0
element.style.opacity = 0;

// 定义淡入淡出效果的时间间隔和步长
var intervalTime = 10; // 时间间隔，单位为毫秒
var step = 0.01; // 步长，每次透明度变化的大小

// 定义淡入淡出效果的函数
function fadeEffect() {
  var currentOpacity = parseFloat(element.style.opacity);
  
  // 判断当前透明度是否已经达到目标值
  if (currentOpacity >= 1) {
    clearInterval(fadeInterval);
  } else {
    // 透明度逐渐增加或减少
    element.style.opacity = currentOpacity + step;
  }
}

// 使用setInterval函数重复执行淡入淡出效果的函数
var fadeInterval = setInterval(fadeEffect, intervalTime);