Javascript 在定义的时间后重置为原始状态

我有这个代码，我想在3秒钟后重置

函数bla（）{
document.getElementById（“bla”）.innerHTML=“to bla bla bla。”；
}
document.getElementById（'bla'）.reset（）
网页
来自bla bla

按

使用设置超时

---

3000是以毫秒为单位的时间，因此3秒

在

设置超时

函数中，您需要指定“重置”元素的代码。例如，如果要删除DOM元素内部的文本，可以执行以下操作

setTimeout(function() {
    document.getElementById('bla').innerHTML = ''; // remove text in "#bla"
}, 2000); // reset element after 2 seconds

总的来说，我认为如果你明确说明“重置”是什么意思，人们回答你的问题会更容易

更新的答案：如果要将文本恢复为其原始值，需要将原始值存储在变量中。如下所示：

var originalState = " to bla bla."
setTimeout(function() {
    document.getElementById('bla').innerHTML = originalState; // restore to original state
}, 2000); // trigger after 2000 milliseconds

你可以试试这个-

function bla() {
    let x = document.getElementById("bla").innerHTML;
    document.getElementById("bla").innerHTML = " to bla bla.";

    setTimeout(function () {
      document.getElementById('bla').innerHTML = x;
    }, 3000);
}

---

试试这段代码，最好把脚本放在正文的最后一段

网页
来自bla bla

按
var元素=document.getElementById（'bla'）；
函数bla（）{
element.innerHTML=“到bla bla。”；
}
函数重置（）{
element.innerHTML=“”；
}
设置超时（重置，3000）；

将脚本编写为：

    <script>
            function bla() {
                    document.getElementById("bla").innerHTML = " to bla bla.";

                    setTimeout (function()
                            {
                               document.getElementById('bla').innerHTML = "";
                            },3000);
                    }
    </script>

函数bla（）{
document.getElementById（“bla”）.innerHTML=“to bla bla bla。”；
setTimeout（函数（）
{
document.getElementById（'bla'）.innerHTML=“”；
},3000);
}

使用设置超时（重置，3000）设置超时工作。你试了什么？谢谢你的回答。回到原来的状态。您的代码似乎恢复为完全没有文本，而不是原始文本。@Amg我更新了我的答案。基本上，您需要将原始状态存储在某种变量/数据结构中。然后访问原始状态并在

setTimeout

function@Amg您必须提供要在回调函数内执行的代码，如Alainlb所评论的

    <script>
            function bla() {
                    document.getElementById("bla").innerHTML = " to bla bla.";

                    setTimeout (function()
                            {
                               document.getElementById('bla').innerHTML = "";
                            },3000);
                    }
    </script>