所以我只是在学习和练习 Javascript 以及 javascript 库。在这个例子中,我正在使用 JQuery。这个例子只是一个简单的引用旋转器(你想怎么称呼它的转换器)。代码工作正常。我的问题是匿名函数中的 if 语句(在fadeOut 方法中)。if 语句中的参数是:
currentQuote == allQuotes.length - 1
为什么必须这样写而不是
currentQuote >= allQuotes.length
不应该使用大于或等于以完全相同的方式工作吗?如果没有,为什么不呢?整个代码如下。
//HTML
<body>
<div class="quote-holder">
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
</blockquote>
<blockquote>
Ut enim ad minim veniam, quis nostrud exercitation ullamco
</blockquote>
<blockquote>
Duis aute irure dolor in reprehenderit in voluptate velit esse
</blockquote>
</div>
</body>
//CSS
.quote-holder {
width: 30%;
}
blockquote {
display: none;
}
blockquote:first-of-type {
display: block;
}
//javascript jquery
let allQuotes = $("blockquote");
let currentQuote = 0;
function changeQuote(){
$(allQuotes[currentQuote]).fadeOut(200, function(){if(currentQuote == allQuotes.length - 1){
currentQuote = 0;
}else {
currentQuote++;
}
$(allQuotes[currentQuote]).fadeIn(200)});
}
let quoteTimer = setInterval(changeQuote, 3000)
Qyouu
相关分类