javascript在页面上显示附加的元素

我试图在后台异步加载新数据时在屏幕上显示元素。我的代码工作正常，但是添加到屏幕上的元素直到代码终止才会显示。以下是一个例子：

var btn=document.createElement("button");
document.body.appendChild(btn);
sleep(1000);
var btn=document.createElement("button");
document.body.appendChild(btn);

这段代码的输出是，它等待1秒，同时添加两个按钮。但是，我希望它添加第一个按钮，等待1秒钟，然后添加另一个按钮

有什么想法吗？ 谢谢

Edit:sleep（）函数并非如此，它只是为了帮助我解释问题。上面的代码不是我在项目中使用的代码在我的项目中，我试图在加载新提要时在屏幕上打印一些提要。

function sleep(milliseconds) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > milliseconds){
      break;
    }
  }
}

函数睡眠（毫秒）{
var start=new Date（）.getTime（）；
对于（变量i=0；i<1e7；i++）{
如果（（新日期（）.getTime（）-start）>毫秒）{
打破
}
}
}

使用

setTimeout（）

-我不相信

sleep（）

是JavaScript中的本机函数

var btn=document.createElement("button");
document.body.appendChild(btn);
setTimeout(function(){
    var btn=document.createElement("button");
    document.body.appendChild(btn);
}, 1000)

使用

setTimeout（）

-我不相信

sleep（）

是JavaScript中的本机函数

var btn=document.createElement("button");
document.body.appendChild(btn);
setTimeout(function(){
    var btn=document.createElement("button");
    document.body.appendChild(btn);
}, 1000)

试试这个：

var btn=document.createElement("button");
document.body.appendChild(btn);

setTimeout(function(){
    btn=document.createElement("button");
    document.body.appendChild(btn);
},1000);

试试这个：

var btn=document.createElement("button");
document.body.appendChild(btn);

setTimeout(function(){
    btn=document.createElement("button");
    document.body.appendChild(btn);
},1000);

嗯，我认为“sleep（）”是一种JAVA而不是javascript方法。。。然而：

var btn=document.createElement("button");
document.body.appendChild(btn);
setTimeout(function(){
  var btn=document.createElement("button");
  document.body.appendChild(btn);  
},1000);

一些文件：

您的

sleep（）

函数stop all JS script和exegute all 2

document.body.appendChild（btn）睡眠延迟后…
嗯，我认为“sleep（）”是一种JAVA而不是javascript方法。。。然而：

var btn=document.createElement("button");
document.body.appendChild(btn);
setTimeout(function(){
  var btn=document.createElement("button");
  document.body.appendChild(btn);  
},1000);

一些文件：

您的
sleep（）
函数stop all JS script和exegute all 2
document.body.appendChild（btn）睡眠延迟后…
究竟什么是
sleep（）
？那是你的问题。你用的睡眠功能是什么？我不知道JS有这样的功能。
sleep（）
是JavaScript函数吗？JavaScript中没有
sleep
这样的功能。任何暂停
单线程
代码执行的尝试都会导致整个页面冻结一段时间，这对用户体验来说是可怕的。您想要使用的是
window.setTimeout（function（）{}，1000）
作为对您的编辑的响应，除了我的评论之外，不要强制睡眠您的系统！什么是睡眠（）
？那是你的问题。你用的睡眠功能是什么？我不知道JS有这样的功能。
sleep（）
是JavaScript函数吗？JavaScript中没有
sleep
这样的功能。任何暂停
单线程
代码执行的尝试都会导致整个页面冻结一段时间，这对用户体验来说是可怕的。您想要使用的是
window.setTimeout（function（）{}，1000）
作为对您的编辑的响应，除了我的评论之外，不要强制睡眠您的系统！