Jquery点击即可执行某些操作

Question

如何将.click添加到此脚本，以便从wordsArray跳到下一个文本？

$(function() {
count = 0;
let wordsArray = ["projact management", "quality assurance", "qualitative research", "artificial reality"];
setInterval(function() {
count++;
$("#What-We-Do-Text-2").slideToggle(500, function() {
$(this).text(wordsArray[count % wordsArray.length]).slideToggle(500);
});
}, 15000);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Answer 1

如果您只想移动到列表中的下一个元素，则可以使用此选项。

代码：

$( document ).ready(function() {

count = 0;
let wordsArray = ["projact management", "quality assurance", "qualitative research", "artificial reality"];
$("#What-We-Do-Text-2").text(wordsArray[count]);

$("#What-We-Do-Text-2").click(function() {
if(count < (wordsArray.length - 1)) {
count ++;
$("#What-We-Do-Text-2").text(wordsArray[count]);
} else {
count = 0;
$("#What-We-Do-Text-2").text(wordsArray[count]);
}
});

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="What-We-Do-Text-2" type="button"></div>