jQuery로 항목 목록 자동 업데이트

Question

내 웹 사이트에서 최신 콘텐츠 목록을 만들고 싶습니다. 3 초마다 업데이트하고 싶습니다. 새 항목을 애니메이션 맨 위에 추가해야합니다. 나는 트위터의 색인 페이지 (로그인하지 않은 사용자를위한 색인 페이지)의 트윗 목록처럼 보일 것입니다.

저는 jQuery에 익숙합니다. 누군가 제가 사용할 수있는 플러그인을 알고 있는지 궁금합니다. 또한 PHP를 사용하여 서버에서 정보를 전송하므로 문제가되지 않습니다.이 문제를 처리하기 위해 jQuery 코드가 필요합니다.

혹시 저 한테 할 수있는 멋진 jQuery 플러그인을 알고 계십니까? 감사!

Answer 1

jQuery 자체에서 상당히 간단하기 때문에 플러그인을 필요로하지 않습니다.

jQuery prepend 및 fadeIn 메서드에 대해 알아야 할 몇 가지 비트가 있습니다.

다음 코드는 새 항목을 3 초마다 목록의 맨 위로 희미하게 만듭니다. 그것의 데모는 여기에서 찾을 수 있습니다 사용 : http://jsfiddle.net/jonathon/7xvY5/

var itemCount = 1; 

function addItem() { 
    newItem = $("<li>Item " + itemCount + "</li>").hide(); 
    $("#mylist").prepend(newItem); 
    newItem.fadeIn(); 

    itemCount++; 
    setTimeout(addItem, 3000); 
} 

setTimeout(addItem, 3000);