仪表板：通过更改按钮标签提供用户反馈

Question

我想要的是通过按钮标签向用户提供有关操作状态的反馈。 最初按钮显示“保存”，一旦点击我想将标签更改为“保存...”输入另一个功能，一旦功能返回，将标签更改为“已保存”，然后暂停2秒并再次将标签设置为“保存“价值。

以下是代码：

function myClickHandler(event)
{   
    document.getElementById("button").object.textElement.color = "saving...";
    functionx ()
    document.getElementById("button").object.textElement.color = "saved";
    sleep (5000);
    document.getElementById("button").object.textElement.color = "save";
}

问题是由于某些原因，只有最后一个document.getElementById("button").object.textElement.color = "save";在画布上实际可见，因为画布或按钮仅在我从myClickHandler函数退出时呈现。 任何提示？
提前致谢

Answer 1

这样的事情可能会更好。我很确定setTimeout是非阻塞的。

function myClickHandler(event) {
    updateLabel("saving...");
    setTimeout("performFunctionX()", 250);
}

function performFunctionX() {
    functionx;()
    updateLabel("saved");
    setTimeout("updateLabel('save')", 5000);
}

function updateLabel(labelText) {
    document.getElementById("button").object.textElement.color = labelText;
}