javascript - 获取/检测 div 元素内容更改的日期和时间

Question

如何获取 "DOMSubtreeModified" 或动态 div 元素更改时的日期/时间。基本上，每当我的 div 元素的内容发生变化时，我只想打印 time 和 mo/day/year

的时间戳

Answer 1

绑定(bind)DOMSubtreeModified元素的事件监听器。

var element = document.getElementById('foo');

element.addEventListener('DOMSubtreeModified', function() {
  var date = new Date();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  var year = date.getFullYear();

  var time = date.toLocaleTimeString();
  var formattedDate = month + '/' + day + '/' + year;

  console.log(time); // 7:01:21 PM
  console.log(formattedDate); // 3/15/2016
}, false);

// change something on element
setTimeout(function() {
  element.dataset.foo = 'bar';
}, 3000);

JSFiddle 演示:https://jsfiddle.net/n1mmdayk/3/