具有超时延迟的淡入淡出的报告器（setTimeout中的setInterval）

Question

我想进入前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.
});