Temporisation sur le clic

Quelqu'un peut-il m'envoyer un code JavaScript sur la façon dont je peux construire un délai de temps à partir du moment où je clique sur un bouton sur une page à l'heure où la fonction appelée par le clic de bouton est exécutée. Je suis un novice avec JavaScript, et j'ai un code qui exécute une fonction lorsque je clique sur un bouton, et je veux juste avoir un délai.

C'est le Javascript:

function myfunction() { alert( "delayed" ); } var delay = 1000; setTimeout( myfunction, delay ) 

C'est l'essence même. Maintenant, vous devez l'accrocher dans un bouton sur une page html: incorporer la définition de la fonction dans les balises < script >< /script > , et le programmer dans la méthode onClick.

 .... <button onClick="setTimeout( myfunction, delay );">Click_And_Wait</button> 

Si vous devez passer des paramètres:

 function clickHandler(id,value,delay) { setTimeout( function() { actualFunction(id, value); }, delay ); } function actualFunction(id, value) { alert( 'button ' + id + ' has value = ' + value ); } <input id='clickButton' type='button' onclick='clickHandler(this.id,this.value,5000);' value='Click Me' /> 

Essayez la fonction setTimeout:

 setTimeout(functionToExecute, 1000) 

Le premier paramètre est la fonction qui sera déclenchée et la seconde est le délai en millisecondes.

Je suggérerais regarder Prototype.js surtout si vous êtes un nouveau développeur pour JavaScript. Prototype a déjà compris les besoins les plus courants que les développeurs JavaScript ont envie de faire dans leur code … et Prototype le fait de manière indépendante du navigateur. (Il existe d'autres librairies JavaScript disponibles qui peuvent également le faire)

Vous pouvez le faire comme codé dans les autres réponses … mais j'ai constaté que je fais généralement moins d'efforts pour m'inquiéter des bugs dans mon code après avoir investi dans un bon livre et passé 2 jours à lire sur Prototype (ou une autre bibliothèque comme jQuery ) Par rapport à la recherche sur Internet et copier / coller plusieurs types de solutions. /hausser les épaules