javascript - 重复我的功能/继续在 JavaScript 中显示文本的代码

Question

我想每次都在浏览器中换行显示文本，但是只出现第一行文本。这段代码应该如何修正？另外，我知道setinterval()是重复一个函数，我想问一下在这段代码中如何使用它？非常感谢!

var text = document.getElementById('text');
text.innerText = create_random_string(20);


function create_random_string(string_length){
  var random_string = '';
  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
  for (var i, i = 0; i < string_length; i++) {
     random_string += characters.charAt(Math.floor(Math.random() * characters.length));
  }
  return random_string; 
}

document.write (
  create_random_string(20) + "<br>",
  create_random_string(20) + "<br>",
  create_random_string(20) + "<br>",
  create_random_string(20) + "<br>",
);

<div id="text"></div>

Answer 1

setInterval 为 1000 毫秒。每秒在新行中写入一个随机字符串。

var text = document.getElementById('text');

setInterval(function(){
  text.innerHTML += create_random_string(20) + '<br>';
}, 1000);


function create_random_string(string_length){
  var random_string = '';
  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
  for (var i, i = 0; i < string_length; i++) {
     random_string += characters.charAt(Math.floor(Math.random() * characters.length));
  }
  return random_string; 
}

<div id="text"></div>