javascript - 如何在 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>