Jquery 重新启动淡入淡出循环文本数组

Jquery 重新启动淡入淡出循环文本数组,jquery,fadein,fadeout,Jquery,Fadein,Fadeout,我试图通过单击按钮来显示文本数组中的元素。第一次所有元素都正确显示,但如果我再次单击按钮,则不会发生任何事情。我试图从这里修改代码: 我的HTML是: <form> <input type="button" value="200 wpm" onclick="rotateTerm()" /> </form> <p><span id="rotate"></span></p> 谢谢你的帮助你说“什么都没发生”

我试图通过单击按钮来显示文本数组中的元素。第一次所有元素都正确显示,但如果我再次单击按钮,则不会发生任何事情。我试图从这里修改代码:

我的HTML是:

<form>
<input type="button" value="200 wpm" onclick="rotateTerm()" />
</form>
<p><span id="rotate"></span></p>

谢谢你的帮助

你说“什么都没发生”是什么意思?应该发生什么?我已经设置了一把小提琴,当你按下按钮时,术语开始正确显示,并且继续无限循环。该怎么办

在这里拉小提琴:

编辑-如果只想旋转一次,然后按下按钮再次旋转,可以执行以下操作:

var terms = ["term 1", "term 2", "term 3"]; //array of terms to rotate

function rotateTerm() {
    var ct = $("#rotate").data("term") || 0;

    if (ct == 3) {
        $("#rotate").data("term", 0)
        return;
    }
    $("#rotate").data("term", ct == terms.length ? 0 : ct + 1).text(terms[ct]).fadeIn().delay(2000).fadeOut(200, rotateTerm);
}
小提琴

你说“什么都没发生”是什么意思?应该发生什么?我已经设置了一把小提琴,当你按下按钮时,术语开始正确显示,并且继续无限循环。该怎么办

在这里拉小提琴:

编辑-如果只想旋转一次,然后按下按钮再次旋转,可以执行以下操作:

var terms = ["term 1", "term 2", "term 3"]; //array of terms to rotate

function rotateTerm() {
    var ct = $("#rotate").data("term") || 0;

    if (ct == 3) {
        $("#rotate").data("term", 0)
        return;
    }
    $("#rotate").data("term", ct == terms.length ? 0 : ct + 1).text(terms[ct]).fadeIn().delay(2000).fadeOut(200, rotateTerm);
}

小提琴

谢谢你的回复。我想在阵列中循环一次,然后停止,但如果按下按钮,则再次开始循环。感谢您的帮助-非常感谢感谢您的回复。我想在阵列中循环一次,然后停止,但如果按下按钮,则再次开始循环。谢谢您的帮助-非常感谢