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

Question

我想<p>在定义的时间延迟后使用javascript 仅更改标签内容.例如a

<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);

更新:

我在上面看到你的评论:

使用JSP函数从数据库中检索新消息,该函数检查数据库是否有新消息

在那种情况下,我收集你想要定期检索,实际上轮询该URL？如果您已经使用了javascript框架,我建议您查看他们的AJAX文档.