Verwenden Sie Javascript, um die Funktion zum Senden des SMS-Bestätigungscodeintervalls zu implementieren
|
Wenn wir uns in vielen Apps und Websites anmelden oder ein Konto registrieren, gibt es eine Möglichkeit, SMS-Bestätigungscodes 1 zu senden. Um jedoch den böswilligen Erwerb von Bestätigungscodes zu verhindern, legen wir im Allgemeinen ein anklickbares Zeitintervall fest. Nach Ablauf des Zeitintervalls 1 kann es weiter gesendet werden. Verwenden Sie als Nächstes Code zur Implementierung Der Code lautet wie folgt
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Titel</title>
</Kopf>
<Text>
Mobiltelefonnummer: <input type="text"><button>Bestätigungscode senden</button>
<Skript>
var btn = document.querySelector('Schaltfläche')
var Zeit = 3
btn.addEventListener('klicken',Funktion () {
btn.disabled=true
var Timer = Intervall festlegen(Funktion () {
wenn (Zeit<0){
Intervall löschen(Timer)
btn.disabled=false
btn.innerHTML = 'Bestätigungscode senden'
Zeit = 3
}anders {
btn.innerHTML = 'verbleibend' + Zeit + 'Sekunden'
Zeit -= 1
}
},1000)
})
</Skript>
</body>
</html>Die Wirkung ist wie folgt
Codeerklärung <br /> Da wir hier nur den Stil und die Funktion der Schaltfläche ändern, erhalten wir nur die Schaltfläche und legen dann eine Zeitvariable fest, die die Countdown-Zeit darstellt. Legen Sie dann das Klickereignis fest. Wenn wir auf diese Schaltfläche klicken, wird die Deaktivierung dieser Schaltfläche wahr, was bedeutet, dass sie nicht angeklickt werden kann. Dies ist das Ende dieses Artikels über die Verwendung von Javascript zum Implementieren des Intervalls zum Senden von SMS-Bestätigungscodes. Weitere relevante JS-Inhalte zum Senden von SMS-Bestätigungscodes finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: Wartungsmethode für den Innodb-Systemtabellenbereich
>>: Allgemeiner Leitfaden zur Sicherheitskonfiguration von Linux/CentOS-Servern
Artikel empfehlen
Detaillierte Erläuterung der Routing-Konfiguration im Linux-System mit mehreren Netzwerkkarten
Routing-Konfigurationsbefehle unter Linux 1. Host...
Mehrere Möglichkeiten zum Hinzufügen von Zeitstempeln in MySQL-Tabellen
Szenario: Die Daten in einer Tabelle müssen mithi...
Prozessdiagramm zur Implementierung des CentOS-IP-Verbindungsnetzwerks
1. Melden Sie sich beim System an und geben Sie d...
Detailliertes Tutorial zur Installation von mysql8.0 mit dem Linux-Befehl yum
1. Reinigen Sie vor der Installation gründlich rp...
Eine kurze Einführung in die MySQL MyCat-Middleware
1. Was ist mycat Ein vollständig Open Source-Groß...
So verwalten Sie Docker über die Benutzeroberfläche
Docker wird in immer mehr Szenarien verwendet. Fü...
Eine kurze Diskussion über den MySQL B-Tree-Index und die Indexoptimierungszusammenfassung
Die MyISAM- und InnoDB-Engines von MySQL verwende...
Ubuntu kompiliert Kernelmodule und der Inhalt wird im Systemprotokoll angezeigt
Inhaltsverzeichnis 1.Linux-Anmeldeschnittstelle 2...
6 Lösungen für Netzwerkfehler im Docker-Container
6 Lösungen für Netzwerkfehler im Docker-Container...
Vue realisiert den gesamten Prozess der Slider-Drag-Verifizierungsfunktion
Rendern Definieren Sie das Skelett, schreiben Sie...
Detaillierte Erläuterung der Nginx-Optimierung in Szenarien mit hoher Parallelität
Bei täglichen Betriebs- und Wartungsarbeiten werd...
Detaillierte Erklärung zur Verwendung der Element-el-button-Button-Komponente
1. Hintergrund Schaltflächen werden sehr häufig v...
JDBC-Idee: MySQL importieren, um Java-JAR-Paket zu verbinden (Mac)
Vorwort 1. Dieser Artikel verwendet MySQL 8.0 Ver...
Tutorial zur Installation und Konfiguration von MySQL Workbench unter CentOS
In diesem Artikel finden Sie das Installations- u...
JavaScript implementiert einen verschiebbaren Fortschrittsbalken
In diesem Artikel wird der spezifische JavaScript...