JavaScript setTimeout and setInterval

Question

我有三个div，它们应该一次出现一个，不限。我需要2秒的间隔时间来改变能见度。以下是我的想法。但没有奏效。请帮我把它做成

var taglines = document.getElementsByClassName("tagline");
taglines[0].style.color = 'red';
setInterval(function () {
taglines[1].style.visibility = 'hidden';
taglines[2].style.visibility = 'hidden';
    setTimeout(function () {
        taglines[1].style.visibility = 'visible';
        taglines[0].style.visibility = 'hidden';
        taglines[2].style.visibility = 'hidden';
    }, 2000);
    setTimeout(function () {
        taglines[2].style.visibility = 'visible';
        taglines[0].style.visibility = 'hidden';
        taglines[1].style.visibility = 'hidden';
    }, 4000);
}, 5000);

Answer 1

我推荐CSS，但如果你真的想做javaScript，你可以做一些类似的事情

var taglines = document.getElementsByClassName("tagline");
curTag = 0;
setInterval(function(){
    taglines[curTag].style.visibility = 'hidden';
    curTag++;
    if (curTag==3) { curTag=0;}
    taglines[curTag].style.visibility = 'visible';
},2000);

http://jsfiddle.net/fPDfv/