Javascript 循环通过JSON对象并仅获取最后一条记录
我的目标是在JSON文件中有一个引号列表,并在其中循环。一切看起来都很好,javascript运行了正确的次数,实际上像预期的那样淡入淡出,但不知怎么的,它只显示了数组的最后一个键 简单html:Javascript 循环通过JSON对象并仅获取最后一条记录,javascript,jquery,Javascript,Jquery,我的目标是在JSON文件中有一个引号列表,并在其中循环。一切看起来都很好,javascript运行了正确的次数,实际上像预期的那样淡入淡出,但不知怎么的,它只显示了数组的最后一个键 简单html: <div class="testimonial__content"></div> 小提琴: 我想我可以尝试不同的方法使它工作,但我不明白为什么它运行了正确的次数,但它只得到最后一个数组。此外,调试myHtml会显示所有引号。您必须等到上一个动画完成后,才能开始下一个动画。您可
<div class="testimonial__content"></div>
小提琴:
我想我可以尝试不同的方法使它工作,但我不明白为什么它运行了正确的次数,但它只得到最后一个数组。此外,调试
myHtml
会显示所有引号。您必须等到上一个动画完成后,才能开始下一个动画。您可以通过在淡出的回调函数中启动下一个动画来完成此操作:
var证明=[{
“引言”:“永远记住你是独一无二的,就像其他人一样。”,
“图像”:http://placekitten.com/g/50/50"
}, {
“引用”:“认为自己无所不知的人对我们这些无所不知的人来说是一个极大的烦恼。”,
“图像”:http://placekitten.com/g/50/50"
}];
var currentQuote=$(“.Estimational_uuu内容”);
var quoteIndex=0;
函数changeHtml(){
var myHtml=推荐[quoteIndex].quote;
quoteIndex=(quoteIndex+1)%Conditional.length;
当前报价
fadeIn先生(2000年)
.延迟(2000年)
.text(myHtml)
.fadeOut(2000年,修订版);
}
$(文档).ready(函数(){
changeHtml();//开始循环
});代码>
您将同时启动所有的淡入淡出和淡出。请记住,这些是异步动画,函数会立即返回,而不是在动画完成时返回。
var testimonials = [{
"quote" : "Always remember that you are absolutely unique. Just like everyone else.",
"image": "http://placekitten.com/g/50/50"
},
{
"quote" : "People who think they know everything are a great annoyance to those of us who do.",
"image": "http://placekitten.com/g/50/50"
}
];
var currentQuote = $(".testimonial__content");
for (var key in testimonials) {
var myHtml = testimonials[key].quote;
changeHtml (myHtml);
}
function changeHtml(myhtml){
currentQuote
.fadeIn(2000)
.delay(2000)
.text(myhtml)
.fadeOut(2000);
}