Как использовать повторяющееся значение в innerhtml?

Question

Я использовал этот код, но он не повторить

это увеличивает стоимость, но не добраться до исходного значения 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; 
     } 

Answer 1

Ваш код путь к сложному. Определить простую функцию, которую вы передаете в 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); 

DEMO

Answer 2

Вот небольшая модификация similar answer I gave a while back.

var i = 0; 
setInterval(function() { 
    i = ++i % 4; 
    document.getElementById('text').innerHTML = "Loading"+Array(i+1).join("."); 
}, 500);