如何在onclick JS函数之后返回前一个文本？

Question

我的代码是:

    function changeText()
{
 document.getElementById('button').innerHTML = 'Downloading...';
}

按钮:

<button id = "button" onclick='changeText()' value='Change Text'>Download file as CSV</button>

我希望按钮更改为"正在下载...",然后在几秒钟之后返回"以CSV格式下载",这可能在JS中吗？

Answer 1

您可以使用setTimeout或成功进行异步调用:

function changeText() {
  document.getElementById('button').innerHTML = 'Downloading...';
  setTimeout(previousText, 1000);
}

function previousText() {
  document.getElementById('button').innerHTML = 'Download file as CSV';
}

<button id="button" onclick='changeText()' value='Change Text'>Download file as CSV</button>