Javascript 添加更多具有2个变量的li元素

嘿，我想做一些类似于待办事项清单的事情。但是有柜台

所以，当用户输入标题和日期时，就会出现带有时间计数器和标题的新元素

现在我得到了这样的东西：

`https://jsfiddle.net/678z5pgy/1/`

但它只更改了“添加新”项目h2和p。我想将容器的新子元素附加为li元素

但当我把它作为appendchild时，它会每秒为我添加新元素

（请不要为我做，告诉我我能做什么，在哪里可以找到答案，也许是循环？）

---

您使用setInterval的方法是正确的，但在该时间间隔内所做的事情太多了。间隔应刷新显示的剩余时间，而不是计数器的标题

通过使用

document.getElementById（“exampleID”）

访问元素，您将收到一个唯一的元素，该元素在文档中只存在一次，因为id在文档中是唯一的。不可能给两个元素赋予相同的id。下面是对

似乎每次按下按钮时都要添加新计数器。因此，每次存储数据时都必须创建新元素

• 新的
  元素（标题和时间的父元素）
• 新的
  元素（标题）
• 新的
  元素（时间）

在下一步中，您必须按照正确的顺序将

和

元素附加到

元素中。你是这样做的：

let headElem = document.createElement("h2")
let timeElem = document.createElement("p")

liElem.appendChild(headElem)
liElem.appendChild(timeElem)

这将创建新元素并将它们附加到

liElem

元素

现在，您只需将计数器的标题附加到title元素，方法是将标题分配给其innerHtml属性

正如我之前所说，间隔的唯一目的是刷新时间。您正在正确保存天、小时和分钟的值
现在，您只需像以前一样将它们放入字符串中，并将它们分配给

timeElem

元素的

innerHtml

属性

您甚至可以每秒执行几次，因为您正在计算从现在到输入日期的距离。但这不是重点

设置间隔后，只需将

liElem

附加到

ul

元素，如上所述

---

如果你被卡住了：这里是

---

这里甚至有一个关于的教程。

谢谢你！现在我明白我做错了什么。还有我的代码。再次感谢：）