Тикер затухания с задержкой тайм-аута (setInterval внутри 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.
});