javascript - 如何使用 javascript 在定义的时间延迟后动态更改 <p> 标记数据？

Question

我只想改变<p>在定义的时间延迟后使用 javascript 标记内容。例如一个

<p>messages</p>

应该根据号码改变。新消息来了。作为

<p>messages(1)</p>
<p>messages(2)</p>

Answer 1

写下你的<p>作为:

<p class="messages">messages</p>

你的javascript:

function updateMessages() {
    var ps = document.getElementsByClassName("messages");
    for(var i = 0, len = ps.length; i < len; i++) {
        ps[i].innerHTML = "messages (" + messageCount + ")";
    }
}

setTimeout(updateMessages, 1000);

在哪里1000是要延迟的毫秒数。

或者如果你想每隔 15 秒定期执行一次，你可以使用 setInterval :

setInterval(updateMessages, 15000);

更新:

我在上面看到你的评论:

new messages are retrieved from the database using a JSP function that checks database for new messages

在那种情况下，我猜你想定期检索那个，实际上轮询那个 URL？如果你已经在使用 javascript 框架，我建议你看看他们的 AJAX文档。