Javascript定时问题

我是javascript新手。我创建了以下代码：

 <script>
  function text(){
  var testone=Math.floor(Math.random()*9);
  document.fgColor="green";
  document.bgColor="black";
  document.write(testone+" "+testone+"<br/>");
   }
  setInterval(text,100);
 </script>

函数文本（）{
var testone=Math.floor（Math.random（）*9）；
document.fgColor=“绿色”；
document.bgColor=“黑色”；
document.write（testone+“”+testone+“”
）；
}
设置间隔（文本，100）；

---

数字显示在两列中，一列在一列下。我想让第二列中的数字稍后显示。有什么建议吗？

以您编写代码的方式使用代码是行不通的

相反，我建议使用css样式来完成您想要的

这是我将如何做（给予或接受）的一般想法

//代码在这里
var b=document.body；
函数文本（）{
var testone=Math.floor（Math.random（）*9）；
var d=document.createElement（'div'）；
d、 innerHTML+=''+testone+'；
d、 innerHTML+=''+testone+''；
setTimeout（函数（）{
var childs=d.childs；
对于（i=0；i

注意要使上述代码正常运行，脚本标记必须在body标记内执行（否则document.body将为null）

这个plunkr显示了正在运行的代码

---

我也有一些自由，比如使用

而不是

，而且我并不担心每1/2秒对dom进行一次回流的效率。

请查看此答案以备将来参考

<script>
 // Code goes here
  var b = document.body;
  function text() {
    var testone=Math.floor(Math.random()*9);
    var d = document.createElement('div');
    d.innerHTML += '<span>' + testone + '</span>&nbsp';
    d.innerHTML += '<span style="display:none">' + testone + '</span>';

    setTimeout(function() {
      var childs = d.children;
      for(i = 0; i < childs.length; ++i) {
        childs[i].style.display = 'inline';        
      }      
    },500);

    b.appendChild(d);
  }

  setInterval(text,100);
</script>