javascript - 具有超时延迟的衰落代码（setInterval inside setTimeout）

Question

我想制作一个前 10 名列表，它会更新到另一组前 10 名列表，但是将整个列表添加到另一个列表太无聊和简单。

我想要的是淡出然后从前1名到前10名一个接一个地改变每个位置。

我缺乏关于 javascript/jquery 的知识。但如果我的逻辑是正确的，它只需要 1 秒。每个位置的超时延迟，并且每个位置都有相同的间隔延迟，每个位置都有相同的间隔延迟。

Answer 1

尝试使用jQuery制作动画

我建议使用 jQuery 动画来淡入和淡出元素以及动画，这听起来像是你在问的问题。

---

jQuery - 淡化控件。

$(document).ready(function () {
    $('div').fadeToggle('slow'); //Fade in or out based on CSS display:.
    $('div').fadeOut('slow'); //Fade an element (div) out.
    $('div').fadeIn('slow'); //Fade an element (div) in.
});

jQuery — 滑动控件。

$(document).ready(function () {
    $('div').slideToggle('slow'); //Slide in or out based on CSS display:.
    $('div').slideOut('slow'); //Slide an element (div) out.
    $('div').slideIn('slow'); //Slide an element (div) in.
});

jQuery — 延迟动画。

$(document).ready(function () {
    $('div').delay(500).slideToggle('slow'); //Slide in or out based on CSS display: after half a second.
});