带有超时延迟的衰减报价器(setTimeout内的setInterval)

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.
});