检测elm视图在wordpress中不起作用，但在javascript中起作用

我想做的事

当进入视图时，我试图将数字增加到某个状态。我会对你完全透明的。我几乎没有网站开发知识，这只是一个wordpress网站，在那里我找不到一个插件为我做它+这给了更多的灵活性。我的知识就在别处。到目前为止，我已经创建了一段代码，它一进入视图就被激活，并且它也会计数

Da问题

正如您在这里看到的那样”“这已经起作用了。然后我尝试在wordpress中的一个元素上添加完全相同的代码。现在我知道激活部分不起作用了，因为在测试期间，我让它计数，但只有在页面加载时才计数

我在wordpress中输入的代码

<h2 id="(id)">Count to ten when seen</h2>

<script>

var i = 0; 
function increment() {
    if (i<10) {
        i++;
        document.getElementById('(id)').innerHTML = i;
    }
}
function startcount() {
    setInterval('increment()', 50);
}


var observer = new IntersectionObserver(function(entries) {
    if(entries[0].isIntersecting === true)
        startcount();
}, { threshold: [1] });

observer.observe(document.querySelector("#(id)"));


</script>

看到时数到十
var i=0；
函数增量（）{
如果（i必须从id.Globaly中删除括号，则id应仅包含字母、数字、下划线和/或破折号

PS:java不是javascript；）


var i=0；
函数增量（）{
如果（我我发现了问题。这使我的错误帖子数量达到了2/2…问题是，由于当某个元素进入视图时代码检查，wordpress显然是以一种在退出视图时发生的方式构建的。可能与wordpress背景中发生的一些视觉效果和代码有关。我不知道，但这就是问题所在。）苏，谢谢你的帮助

以下是工作代码供将来参考：

<h2 id="id" class="class">Make this count to ten</h2>

<script>

const sleep = (delay) => new Promise((resolve) => setTimeout(resolve, delay));

async function counter() {
  for (let i = 1; i <= 10; i++) {
    await sleep(50);
    document.getElementById('id').innerHTML = i;
  }
}


var observer = new IntersectionObserver(function(entries) {
    if(entries[0].isIntersecting === true)
        counter();
}, { threshold: [1] });

observer.observe(document.querySelector("#id"));
</script>

数到十
const sleep=（延迟）=>新承诺（（解析）=>setTimeout（解析，延迟））；
异步函数计数器（）{
对于（让我=1；我感谢，java/javascript只是一个打字错误，这是我的错。也感谢代码长度的缩短，尽管这不是我想要的。我只是把括号放进去澄清一下，我是想把id放在那里，我应该在那里做得更好。在fiddlejs链接中，我也把id放进去，它工作了。M我的问题是它不能和WordPress一起工作哦，好的，对不起，我误解了。你能在inscpect模式下（在你的浏览器上）观看你的控制台吗？查找与你相关的任何错误，请编辑你的第一篇文章以添加它。我很抱歉浪费你的时间。事实证明WordPress很奇怪，在你滚动离开它之前不想激活。我只是让它激活了一点，所以当你真的看到它时，它就开始了。我非常感谢你的帮助和友好不管你的时区是什么，都有一个很好的发言权：）啊，没问题，很高兴：）