无法在javascript中的另一个函数中运行setInterval

非常小的问题

问题：当我运行代码时，它不会在div中显示输入字段值，但为什么

要求：我的要求是，第一个用户在输入字段中输入值，然后当我单击按钮时，输入值显示在div上

代码：

函数abc（）{
window.setInterval（（）=>{
var myForm=document.getElementById（'myForm'）；
var text=document.getElementById（'text'）；
text.innerText=myForm.elements['email'].value；
}, 1);        
}

点击我

此操作不需要“设置间隔”

当button元素位于form元素中时，它默认为send函数，在本例中，该函数刷新页面。因此，字段的内容在填充后立即被清除

我删除了表单元素。现在，当单击按钮时，

input

元素的内容将被提取并显示在

p

元素中

文件
点击我

函数abc（）{
var mail=document.getElementById（'mail'）；
var text=document.getElementById（'text'）；
text.innerText=mail.value；
}

非常感谢brook，我明白你的意思，但是你可以用setinterval bcz解决同样的问题，这将帮助我理解setintervalI的概念。我在帖子中添加了一个带有“setinterval”的版本。如果我的答案对你有用，你可以把这篇文章标记为接受答案