AJAX在X秒内显示内容的更改


AJAX bold the changes of content for X seconds

我安装了一个Wordpress网站,我使用联赛管理插件的足球类别/排名/结果。现在,我正试图将结果页面转换为livescore页面。如何?使用如下方式:

LeagueManager有一个比赛日的短代码。例如[matches league=1 match_day=8]为了创建一个自动刷新页面,我创建了2个页面。第一页(私有)包含上述短代码,第二页(公共)包含ajax代码自动刷新的div !

这是AJAX代码。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script>
setInterval( function() {
    $('div#livescores').load('http://www.ismood.com/dinataathlitika.gr/live #live');
}, 5000);
</script>

我想知道我如何能给一个粗体格式的最后一个刷新周期的结果的变化。例如:

First Refresh:

Team A-Team B 0-0

Team C-Team D 0-0

秒刷新(30秒后):

Team A-Team B 1-0 (bold here)

Team C-Team D 0-0

第三次刷新(30秒后):

Team A-Team B 1-0

Team C-Team D 0-0

正如我所能理解的,它有义务找到如何分开每场比赛,所以我可以编辑编辑每一行的风格,但我不知道如何做到这一点:(

谢谢大家

我建议在客户端做更多的工作,以便您可以将每个游戏的分数存储在JavaScript变量中,然后您可以将新检索到的游戏分数与之前收集的游戏分数进行比较,并将表示游戏分数的任何行加粗,这些行与上次收集的游戏分数不同。在更新时,您必须在客户端构建HTML内容。