javascript - Implémentation JS native de l'envoi du code de vérification en secondes

Question

Maintenant, il y a un problème, comme le dit le titre, je veux avoir une page de connexion, mais elle est basée sur la télécommande. Lors de la liaison d'un téléphone mobile, un code de vérification doit être envoyé au téléphone mobile, puis l'étiquette du bouton diminuera avec le temps, 60 s, 50 s... 0 s, etc. Au cours du deuxième processus de comptage, je peux également opérer haut, bas, gauche et droite. Le problème est le suivant...

我想大声告诉你 · Answer

Ouvrez un setInterval et désactivez automatiquement le bouton après 60 secondes

Le temps diminue pendant la course

Par exemple


//伪代码、思路是这样
var i = 60;
var interval;
interval = setInterval(function(){
    document.getElementById("testBtn").innerHTML(i+'s')
    i = i-1
    if(i<=0){
        clearInterval(interval)
        //解除你的btn不可点击
    }
},1000)

淡淡烟草味 · Answer

Le minuteur est exécuté de manière asynchrone et le timing est complété par un autre thread de travail et n'affectera pas le thread principal. Lorsque l'heure du minuteur arrive, la fonction de rappel à exécuter sera placée dans la file d'attente des tâches et la fonction de rappel sera appelée par le thread principal.

Les opérations sur le thread principal n’affecteront donc pas le minuteur.

迷茫 · Answer

Ne vous inquiétez pas des problèmes de thread, définissez simplement Interval