javascript - 使用 setTimeout() 更改文本

Question

基本上我想做的是点击一个链接，让它改变，然后自己改变回来。下面是我正在使用的当前代码。可以在此处找到此代码，但我不知道如何将 setTimeout() 添加到函数中。

function changeText(idElement) {
var element = document.getElementById('element' + idElement);
if (idElement === 1) {
    if (element.innerHTML === 'Request') element.innerHTML = 'Request Submitted!';
    else {
        element.innerHTML = 'Request';
    }
  }
}

现在，这允许他们单击该链接，将其更改为“请求提交！” 然后再次单击它以将其更改回“请求”。我怎么能在它上面放一个计时器让它自动切换回“请求”？

谢谢！

Answer 1

function changeText (idElement, reset) {
    var element = document.getElementById('element' + idElement);
    if (idElement === 1) {            
        var newText = (element.innerHTML === 'Request' && !reset) ? 'Request Submitted!' : "Request";
        element.innerHTML = newText; 
        if (element.timer) {
            window.clearTimeout(element.timer);
        }
        if (newText !== 'Request') {
            element.timer = window.setTimeout( function(){ changeText(idElement, true); }, 1000); };   
        }
    }
}