페이지 링크 : http://sannablog.com/portfolio/time_random3.html

Math.random 을 이용하여 리스트의 n번째 자식 노드(li )를 리스트의 길이만큼 반복 이동시켜 순서를 랜덤으로 바꾸고, fade 효과는 CSS3 animation을 활용하였다.

setInterval로 5초마다 li의 display 효과를 변경시켜주었다.

코드 ▼