javascript - divにテキストを追加する間のjavascriptの遅延

Question

Javascriptを使用してテキストをhtml要素（pタグなど）に15回追加したいのですが、テキストを追加するたびに1秒待機する必要があります。

いくつかの方法を試しましたが、適切な結果が得られませんでした。15秒後に15のテキストすべてを追加します。

私は何をすべきか？私を助けてください。

Answer 1

var i = 0;
var element = document.getElementById("mydiv");
var interval = setInterval(function(){
         if(i <= 14){
              element.innerHTML += "sometext";
              }else{
            clearInterval(interval);
           }
        i++;
 },1000);

Answer 2

これは、setTimeoutを使用した機能的なアプローチです

function addText(text,total) {
    setTimeout(function() {
        total--;
        if(total == 0) {
         return true;   
        }
       addText(text,total);        
    },1000);

    document.getElementById('myDiv').innerHTML += text;
}

使用法：

addText("sometext",15);

ワーキングフィドル： http： //jsfiddle.net/HNpQp/1/

Answer 3

var i = 0;    
var element = document.getElementById("mydiv");

var interval = setInterval(function(){
     if(i <= 14){
          element.innerHTML += "sometext";
          }else{
        clearInterval(interval);
       }
    i++;

 },1000);

innerHTMLはメソッドではありません