javascript – 如何在jquery上循环数组

2019-07-17 18:35:02 阅读：172 来源： 互联网

我一直在尝试制作一个脚本来改变跨度的文本.

不可否认,我对jQuery并不精彩,并且找到了一个脚本.我编辑了我,但我不能让脚本循环,我不知道从哪里开始.任何代码提示或相关文档的链接将不胜感激.

到目前为止这是jQuery：

function change() {
        $('#msg').html(options.pop()).fadeIn(750).delay(2000).fadeOut(750, change);
};

var options = [
    "Red Bull",
    "Smoke",
    "Babes",
    "css",
    "batman"
].reverse(); 
change();

并在jsfiddle：http://jsfiddle.net/5s8y3/214/

解决方法:

停止弹出数组并使用迭代器

var messages = [
    "Red Bull",
    "Smoke",
    "Babes",
    "css",
    "batman"
],
    i = 0;

(function change() {
    var msg = messages[i>messages.length-1 ? i=0 : i++];
    $('#msg').html(msg).fadeIn(750).delay(2000).fadeOut(750, change);
})();

FIDDLE

标签：jquery,javascript,infinite-loop
来源： https://codeday.me/bug/20190717/1491171.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 如何在jquery上循环数组