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
Vorschläge zum Erstellen geschäftlicher HTML-E-Mails
Durch E-Mail-Marketing auf Genehmigungsbasis lass...
Detaillierte Erklärung des JQuery-Selektors
Inhaltsverzeichnis Grundlegende Selektoren: Ebene...
Eine kurze Diskussion zum Erstellen eines Clusters in nodejs
Inhaltsverzeichnis Cluster-Cluster Clusterdetails...
Neonlichteffekte mit reinem CSS3 umgesetzt
Dies ist der zu erzielende Effekt: Sie können seh...
4 Möglichkeiten zum Anzeigen von Prozessen in LINUX (Zusammenfassung)
Ein Prozess ist ein Programmcode, der in der CPU ...
HeidiSQL-Tool zum Exportieren und Importieren von MySQL-Daten
Um den Export und Import von Daten in SQL zu erle...
MySQL-Abfrage – Erlernen grundlegender Abfrageoperationen
Vorwort MySQL ist das beliebteste relationale Dat...
Mysql aktualisiert bestimmte Felder einer anderen Tabelle basierend auf Daten aus einer Tabelle (SQL-Anweisung)
Der folgende Code führt MySQL ein, um einige Feld...
Bootstrap3.0-Studiennotizentabelle bezogen auf
In diesem Artikel werden hauptsächlich Tabellen e...
So generieren Sie ein kostenloses Zertifikat mit OpenSSL
1: Was ist OpenSSL? Welche Funktion hat es? Was i...
Eine kurze Analyse der privaten Docker-Bildbibliothek und des Alibaba Cloud-Objektspeicher-OSS
Private Docker-Imagebibliothek Private Docker-Bil...
Zusammenfassung der Linux-Befehle zur Dateiverzeichnisverwaltung
Befehl „touch“ Es hat zwei Funktionen: Eine beste...
Spezifische Verwendung von GNU Parallel
Was ist das? GNU Parallel ist ein Shell-Tool zum ...
Eine ausführliche Diskussion zur Detailanalyse im Webdesign
Bei der Designarbeit höre ich oft, dass an der Übe...
So verwenden Sie die JSZip-Komprimierung in CocosCreator
CocosCreator-Version: 2.4.2 Praktische Projektanw...