Question

使用JS创建幻灯片，并使用CSS不透明度过渡来将照片转换为照片。

我的身体设置如此

<div id="slideshow">
    <img src="one.jpg" id="image" class="fadeIn" />
    <img src="two.jpg" id="bImage" class="fadeOut" />
</div>

当这个代码片段在计时器上运行时

    pImg.className = "fadeOut";
    bImg.className = "fadeIn";
    num = three;
    dImg = "p";
    t2 = setTimeout(setImage(num,dImg),20000);
    clearTimeout(t2);

假设转换不透明度并显示新照片，它确实很好。问题是在转换发生之后它会更改URL（这是num = 3;它是指向var字符串链接而setImage执行它所说的）太快，所以你最终看到之前第三个图像的短暂一瞥它转移到第二张图片。

这就是我创建setTimeout调用并清除的原因。我清除它是因为在运行该代码后，如果运行类似代码的其他代码则迭代它。

我的代码的问题在于，无论我设置超时，它都不会对图像的设置速度产生影响。它调用该函数是因为正文中的照片确实发生了变化，但超时没有任何区别。

这可能是对带有过渡的幻灯片放映的不可思议的尝试，但我不明白为什么超时没有任何区别。也许我正在使用超时功能错误。有什么建议吗？

由于

JS超时函数调用css转换

0 个答案: