JavaScript setInterval : first interval is abrupt

Question

当在下面的示例中使用 JavaScript 的 setInterval 方法和 jQuery 效果时，初始 显示似乎没有使用 fadeIn 方法。突然显示“text”。

从 fadeIn() 开始的效果链的后续迭代按预期执行。这只是第一遍，“文本”突然显示，没有淡入效果。

对于为什么会发生这种情况有什么想法吗？ 谢谢 - JavaScript 初学者。

setInterval(myFunction, 1000);
function myFunction() {
    $('#myId').fadeIn(1500).html("text").delay(2750).fadeOut(1500).delay(1000;
};

Answer 1

它可能会在您没有注意到的情况下淡入，因为文本是在淡入后添加的。切换它，在淡入之前添加文本。 确保它没有事先显示(以 CSS 或您需要的方式)。

$('#myId').html("text").fadeIn(1500).delay(2750).fadeOut(1500).delay(1000);