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

发布于 2024-08-13 03:20:56 字数 624 浏览 8 评论 0原文

我想要的是通过按钮标签向用户提供有关操作状态的反馈。最初按钮显示“保存”，单击后我想将标签更改为“保存...”，输入另一个函数，函数返回后将标签更改为“已保存”，然后暂停 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 函数时才会呈现按钮。有什么提示吗？
提前致谢

原文

What I want is to provide user feedback about operation status through button label.
Initially the button says "save", once clicked I want to change the label to "saving..." enter another function and once the function returns change the label to "saved" then pause 2 seconds and set the label again to initial "save" value.

Here is the code:

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";
}

The problem is that for some reason only the last document.getElementById("button").object.textElement.color = "save"; is actually visible on canvas because the canvas or button are rendered only once I exit from myClickHandler function.
Any hint?
Thanks in advance

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

安静被遗忘 2024-08-20 03:20:56

像这样的东西可能会效果更好。我很确定 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;
}

Something like this might work better. I'm pretty sure setTimeout is non-blocking.

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;
}

回复收藏 0 原文

~没有更多了~