JS每5秒监听DIV内容如果有变动,就运行某函数

<html>XXXXXXXXXX<divid=refresh><spanid=jiance>测试数据</span></div>XXXXXXXXX</HTML>如上ID为R... <html>
XXXXXXXXXX
<div id=refresh>
<span id=jiance>测试数据</span>

</div>
XXXXXXXXX

</HTML>
如上 ID为 REFRESH 的DIV 每5秒自动刷新一次只刷新DIV内的内容其他网页数据不刷新就是网页局部刷新不闪屏的那种
现在需要一段JS 每5秒监听一次上述DIV 如果上述DIV内的内容(测试数据)发生改变, 就执行 notifyme()函数

举例: 比如 5秒后数据发生了变动值由"测试数据" 变成了"测试数据1" 这时候执行notifyme
10秒后数据又发生了变动内容由 "测试数据1" 变成了"测试5" 再执行一次notifyme
只要是刷新后的数据和上一个值不同就执行notifyme()

补充 : 不监听DIV 监听SPAN 也行
必须用非动态语言因为我是静态页
请给我完整的JS代码我不懂JS 展开

 我来答

1个回答

#热议# 为什么有人显老，有人显年轻？

Arvin90
推荐于2017-11-23 · TA获得超过452个赞

知道小有建树答主

回答量：297

采纳率：89%

帮助的人：234万

我也去答题访问个人页

关注

展开全部

首先，当页面渲染完成后，记录历史的值
var historyVal = $('#jiance').html();
每隔5秒执行检测
setInterval(function() {
notifyme();
}, 5000); // 5000表示5000毫秒，即每隔5秒执行一次

更多追问追答

追问

1   页面渲染完成后  记录一次  jiance的值   
    5秒后如果JIANCE发生变动    执行notifyme

    如果再过5秒  数据又发生了变动  你这个代码就检测不到了
2  你这个代码也不完整啊   只写了记录历史的值   没写其他的

追答

首先，当页面渲染完成后，记录历史的值
var historyVal = $('#jiance').html();
每隔5秒执行检测
setInterval(function() {
var curVal = $('#jiance').html();
if (curVal !== historyVal) { // 检测到不想同
    historyVal = curVal;

    notifyme(); 
}
}, 5000); // 5000表示5000毫秒， 即每隔5秒执行一次

本回答被提问者采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JS每5秒监听DIV内容 如果有变动,就运行某函数

其他类似问题

为你推荐：

JS每5秒监听DIV内容如果有变动,就运行某函数