请问：如何使HTML中某class数值定时刷新？

Question

请问：如何使HTML中某class数值定时刷新？

通过API接口输入json的数据在HTML，其中输入到页面的class数值希望可以实现定时刷新，而不是刷新整个页面。

`<span class="player_e163">备注</span>`
`<span class="player_ch">备注</span>`

player_e163和player_ch 定时刷新。

Answer 1

<span id="test01" class="player_e163">备注</span>
<span id="test02" class="player_ch">哈哈哈哈</span>

;(function () {
  var oTitle = document.getElementById('test01')
  var oContent = document.getElementById('test02')

  updateDom()
  setInterval(updateDom, 1000)

  function updateDom () {
    if(oTitle) {
      oTitle.className = 'new-class-number'; // 新的class
      oTitle.innerHTML = '我是新标题' + +new Date; // 新的内容
    }
    if(oContent) {
      oContent.className = 'new-class-number'; // 新的class
      oContent.innerHTML = '我是新内容' + +new Date; // 新的内容
    }
  }
})();