javascript - 将文本添加到 div 之间的 javascript 延迟

Question

我想使用 Javascript 向 html 元素（例如 p 标签）添加文本 15 次，每次添加文本时都必须等待一秒钟。

我尝试了一些方法并没有得到正确的结果。它会在 15 秒后添加所有 15 条文本。

我应该怎么办？请帮我。

Answer 1

这是一种使用 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 2

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

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 不是一种方法