每过3秒换一张图html,使用javascript每隔3秒替换一次div的内容

使用滑块插件有很多在互联网上。这是我编写的一个简单片段，可以使用任意数量的元素而无需更改javascript。

它很容易改变。

http://jsfiddle.net/Ux9cD/39/

var count = 0;

$('.wrapper div').css('opacity', '0');

var varName = setInterval(function() {

//hide all the divs or set opacity to 0

$('.wrapper div').css('opacity', '0');

//get length

var length = $('.wrapper div').length;

//get first child:

var start = $('.wrapper div').eq(count);

if (count < length) {

animateThis(start,length,count);

count++;

} else {

console.log('end of list');

//restore back to hidden

//set count back to 0

$('.wrapper div').css('opacity', '0');

count = 0;

}

}, 2000);

varName;

function animateThis(start,length,count)

{

$( start ).animate({

opacity: 1

}, 1000, "linear", function() {

//return count++;

});

}