javascript - 如何通过每次点击选择数组的新索引

Question

我有一个包含颜色数组的函数，并且有一个按钮和一个文本标签。因此，每次单击后，该函数都会获取数组的当前索引，将其显示在文本中，并将索引号加一，以便下次显示下一个索引。

这是我的代码:

var mycolor = 0;

var color = function() {
    var list = ["red", "blue", "green"];    
    return list[mycolor];
    mycolor++;
};

function run(){
    $(".demo").text(color());
}

JSFIDDLE

有什么想法吗？如何修复它？目前它只显示第一个索引，不会更新变量。

Answer 1

这是为了

var mycolor = 0;
var maxcolor = 0
var color = function() {
    var list = ["red", "blue", "green"];    
    maxcolor = list.length;
    if((mycolor + 1) > maxcolor)
    {
        mycolor = 0
    }
    return list[mycolor++];
    
};

function run(){
    $(".demo").text(color());
}

无限版本。