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

Question

1. Maintenant, il y a un problème comme indiqué dans le titre. Je souhaite 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.

2. Le problème est le suivant. Après un peu de compréhension, js s'exécute dans un seul thread. Mon action de compter les secondes est parallèle au changement de focus vers le haut, le bas, la gauche et la droite pendant que je compte les secondes. opération à deux threads. Donc je ne comprends pas, comment le mettre en œuvre ? Demandez conseil à des experts.

Answer 1

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 2

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 3

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