javascript - 有什么方法可以在纯Javascript中仅循环更新 内容吗？

Question

我使用的 div 带有 <li>我在其中添加一些动态创建的元素(更具体地说是 localStorage 键)。我想每“x”秒更新一次 div，但只更新 <div> ，而不是整个页面。我知道可以使用 Ajax 和 JQuery ( $( "#here" ).load(window.location.href + " #here" ); ) 来完成。

但是有什么办法可以用纯js来做到这一点吗？

更新

具体情况是我选择所有本地存储键并将它们附加到 div 内的列表中。当我像这样使用(window.onload)时它工作正常。但我想周期性地更新它。如果我使用“setinterval”或按钮来调用该函数，则前面的键会重复附加。 (例如:文件 1...然后:文件 1、文件 1 文件 2 ...然后:文件 1 文件 1 文件 2 文件 1 文件 1 文件 1 文件 2 文件 3)

window.onload = function cargararchivos() {
    localstorage = []
    var keys = Object.keys(localStorage);
    for (let i = 0; i < keys.length; i++) {
    var elemento_lista = document.createElement('li')
    elemento_lista.innerHTML = keys[i]
    var lista = document.getElementById('lista_archivos')
    lista.appendChild(elemento_lista)
    localstorage[ keys[i] ] = localStorage.getItem( keys[i] )

    elemento_lista.onclick = function() 
    {alert(JSON.parse(localStorage[keys[i]]))}}
}; 

Answer 1

这可以使用setInterva函数来完成。它会在预定的时间后执行您选择的函数。

为此，您的 DIV 必须具有唯一的 ID，以便我们可以使用 Javascript 的 getElementById() 方法访问它。

这是一个简单的示例，每 1000 毫秒更新一次 div 的当前时间:

function update() {

  document.getElementById("myDiv").innerHTML = new Date();
}
var interval = setInterval(update, 1000);

<div id="myDiv">

</div>