时间戳

首页 > 解决方案 > 如何使用计时器更改 div 内部

javascript - 如何使用计时器更改 div 内部

问题描述

我试图让 div 的内部发生变化。五秒钟后，div 内容保持不变。我被困住了..

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

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

<div id="tiedotteet">

标签： javascriptjqueryhtml

解决方案

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>

推荐阅读