لوحة القيادة:تقديم ملاحظات المستخدم عن طريق تغيير تسمية الزر

Question

ما أريده هو تقديم ملاحظات المستخدم حول حالة التشغيل من خلال تسمية الزر.في البداية، يقول الزر "حفظ"، وبمجرد النقر عليه أريد تغيير التسمية إلى "حفظ..." أدخل وظيفة أخرى وبمجرد عودة الوظيفة قم بتغيير التسمية إلى "محفوظ" ثم توقف مؤقتًا لمدة ثانيتين واضبط التسمية مرة أخرى على الأحرف الأولى " حفظ" القيمة.

هنا هو الرمز:

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