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

setInterval是JavaScript中的一个函数，用于按照指定的时间间隔重复执行指定的代码或函数。它可以用于实现淡入淡出效果，即逐渐改变元素的透明度来实现平滑的显示或隐藏效果。

在淡入淡出效果中，我们可以通过改变元素的透明度来实现元素的渐显和渐隐。下面是一个使用setInterval函数实现淡入淡出效果的示例代码：

// 获取需要进行淡入淡出效果的元素
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);

在上述代码中，我们首先获取需要进行淡入淡出效果的元素，并将其初始透明度设置为0。然后，我们定义了一个淡入淡出效果的函数fadeEffect，该函数通过逐渐增加元素的透明度来实现淡入效果。在函数中，我们首先获取当前的透明度，然后判断是否已经达到目标值（这里设定为1）。如果透明度未达到目标值，则将透明度逐渐增加，并更新元素的样式。最后，我们使用setInterval函数每隔一定的时间间隔调用一次淡入淡出效果的函数，从而实现了淡入淡出的效果。

这是一个纯JavaScript实现的淡入淡出效果的示例，没有使用jQuery或CSS。如果你想了解更多关于JavaScript的知识，可以参考腾讯云的JavaScript开发文档：JavaScript开发 | 腾讯云。