时间戳

首页 > 解决方案 > 在定义的时间后重置为原始状态

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

问题描述

我有这段代码，我想在 3 秒后重置。

<!DOCTYPE html>
    <html>
    
    <head>
        <script>
            function bla() {
                document.getElementById("bla").innerHTML = " to bla bla.";
            }
    
            document.getElementById('bla').reset()
        </script>
    </head>
    
    <body>
        <h1>A Web Page</h1>
        <p id="bla">From bla bla
        </p>
        <button type="button" onclick="bla()">Press </button>
    </body>
    
    </html>

我有这个

document.getElementById
('bla').reset()

但不确定如何通过特定时间段重置来实现它。

标签： javascript

解决方案

你可以试试这个——

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

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

推荐阅读