如何使用计时器在div内部进行更改

Question

我正在尝试使div的内部发生变化。五秒钟后，div内容保持不变。我被卡住了。

<script type="text/javascript">
  var $div = $("#tiedotteet");

  var timer = setInterval( function() {
   $div.html("<h1>Test</h1>");
  }, 5000);
</script>

<div id="tiedotteet">

Answer 1

DOM元素应在脚本之前呈现。选中此https://stackoverflow.com/a/24070373/5232486

<div id="tiedotteet"></div>
<script type="text/javascript">
  var $div = $("#tiedotteet");

  var timer = setInterval(function () {
    $div.html("<h1>Test</h1>");
  }, 5000);
</script>