Javascript 动态创建更新的html列表

我试图动态创建一个html列表，在新信息到达时更新。 这是我的密码：

setlast（）；
函数setlast（）{
最后=[
“xyyxx”、“yxyxx”、“xxxxy”、“yyxxy”、“yxyxy”]
};
setInterval（函数（）{
last[0]=Math.random（）；
last[1]=Math.random（）；
last[2]=Math.random（）；
last[3]=Math.random（）；
last[4]=Math.random（）；
}, 2000);
createHtml（）；
函数createHtml（）{
setTimeout（函数（）{
ul=document.createElement（“ul”）；
文件.正文.附件（ul）；
ul.设置属性（“id”、“lyl”）；
对于（w=0；w，这里是一个仅使用pur javascript的工作示例：


/**
*更新HTML
*
*@param{Array}last-通过将数组作为参数传递，确保数组存在
*/
函数updateHtml（最后一个）{
const ul=document.querySelector（“#toUpdate”）；
//清空现有的li节点
ul.innerHTML=“”
for（设i=0；i

#列表包装器{
利润率最高：2%；
宽度：100%；
}
李{
显示：内联；
浮动：左；
填充：10px；
}




setlast（）；
函数setlast（）{
最后=[
“xyyxx”、“yxyxx”、“xxxxy”、“yyxxy”、“yxyxy”]
};
setInterval（函数（）{
last[0]=Math.random（）；
last[1]=Math.random（）；
last[2]=Math.random（）；
last[3]=Math.random（）；
last[4]=Math.random（）；
}, 2000);
createHtml（）；
函数createHtml（）{
setTimeout（函数（）{
ul=document.createElement（“ul”）；
文件.正文.附件（ul）；
ul.设置属性（“id”、“lyl”）；
对于（w=0；如果我的代码片段有用，请更新我的答案并将其标记为解决方案。谢谢您，并从javascript中获得乐趣：）