Question

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

我尝试了一些方法并没有得到正确的结果。它会在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不是方法

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

3 个答案: