Tableau de bord: fournir les commentaires des utilisateurs en changeant l'étiquette du bouton

Question

Ce que je veux, c'est fournir des commentaires de l'utilisateur sur l'état du fonctionnement grâce à l'étiquette du bouton. Initialement, le bouton dit "sauvegarder", une fois cliqué je veux changer l'étiquette à "enregistrer ..." entrer une autre fonction et une fois la fonction retourne changer l'étiquette à "sauvé" puis pause 2 secondes et remettre l'étiquette initiale "save" valeur.

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

Le problème est que, pour une raison que la dernière document.getElementById("button").object.textElement.color = "save"; est effectivement visible sur toile parce que la toile ou le bouton sont rendus qu'une seule fois la sortie I de myClickHandler fonction. Un conseil?
Merci d'avance

Answer 1

Quelque chose comme ceci pourrait fonctionner mieux. Je suis sûr que setTimeout est non-bloquant.

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