Javascript 如何在innerhtml中使用重复值？ 我用过这个代码，但它不会重复

它增加了值，但没有达到初始值0
请帮忙

   i=0;
        function loading()
        {
            text=["Loading.","Loading..","Loading...","Loading...."];
            window.setInterval(wr(),500)
        }
        function wr()
        {
            if(i<4)
            {
                wr='document.getElementById("text").innerHTML=text[i]';
                alert(i);
            }
            else
                i=0;    
            return wr;
        }

i=0；
函数加载（）
{
text=[“正在加载”，“正在加载…”，“正在加载…”，“正在加载…”；
window.setInterval（wr（），500）
}
函数wr（）
{
如果（i您的代码非常复杂。请定义一个简单的函数，将其传递给
setInterval
，并确保增加计数器变量：

var i = 0; // initialize counter
var textElement =  document.getElementById("text");
setInterval(function() {
    i = i % 4; // make sure `i` is at max 3 and reset to 0
    var text = 'Loading';
    for (var j = i; j--; ) {
        text += '.'; // add the correct number of periods
    }
    textElement.innerHTML = text; // set text
    i++; // increase counter
}, 500);

这里是对a的一个轻微修改

哦，哇。这是一种令人困惑的方式，将代码传递给
setInterval
。除了“混乱”之外，你永远不会增加
i
。这么少的代码怎么会出这么多问题呢？而且，
wr（）
是一个函数，一旦运行一次，就会用字符串重写自身。
var i = 0;
setInterval(function() {
    i = ++i % 4;
    document.getElementById('text').innerHTML = "Loading"+Array(i+1).join(".");
}, 500);