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
Natives JS zur Implementierung eines atmenden Karussells
Heute zeige ich Ihnen ein mit nativem JS implemen...
Detaillierte Erklärung zur korrekten Verwendung der if-Funktion in MySQL
Für das, was ich heute schreiben werde, lief das ...
Code zum Anzeigen des Inhalts eines TXT-Buchs auf einer Webseite
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
Detaillierte Einführung zum MySQL-Cursor
Inhaltsverzeichnis 1. Was ist ein Cursor? 2. So v...
Bringen Sie Ihnen bei, wie Sie Hive3.1.2 auf Tencent Cloud erstellen
Umgebungsvorbereitung Stellen Sie vor dem Starten...
Grundlegende Verwendung und Fallstricke der JavaScript-Array-Methode sort()
Vorwort Bei der täglichen Codeentwicklung gibt es...
Was muss ich tun, wenn ich einen fehlerhaften MySQL-Befehl abbrechen möchte?
Ich habe einen falschen MySQL-Befehl eingegeben u...
Detaillierte Erklärung zum Erstellen eines FTP-Servers unter Ubuntu (Erfolg garantiert)
1. Heute Nachmittag musste ich aufgrund der Anfor...
Was tun, wenn Sie Ihr Linux/Mac MySQL-Passwort vergessen?
Was tun, wenn Sie Ihr Linux/Mac MySQL-Passwort ve...
Lösen Sie das Problem des Vergessens von Passwörtern in MySQL 5.7 unter Linux
1. Problem Passwort für mysql5.7 unter Linux verg...
MySQL-Komplettabsturz: Detaillierte Erklärung der Abfragefilterbedingungen
Überblick In tatsächlichen Geschäftsszenarioanwen...
Zwei Möglichkeiten, den 30-Sekunden-Werbecode aus dem Youku-Video zu entfernen
Ich glaube, jeder kennt dieses Gefühl: Ein Video m...
Implementierungsschritte zum Erstellen einer MySQL Master-Slave-Replikationsumgebung basierend auf Docker
1. Einleitung Die bisherige Programmarchitektur k...
MySQL fügt schnell 100 Millionen Testdaten ein
Inhaltsverzeichnis 1. Erstellen Sie eine Tabelle ...
UCenter-Homepage fügt Statistikcode hinzu
UCenter Home ist ein von Comsenz veröffentlichtes ...