JavaScript zur Implementierung des Countdowns für den SMS-Versand
|
In diesem Artikel wird der spezifische JavaScript-Code zur Implementierung des Countdowns für das Senden von SMS zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Umsetzungsideen: 1. js ruft das Elementobjekt der Schaltfläche „Senden“ ab Codebeispiel:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta http-equiv="X-UA-kompatibel" content="IE=edge">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<title>SMS senden</title>
<Stil>
.Kasten {
Breite: 360px;
Rand: 100px automatisch;
}
</Stil>
</Kopf>
<Text>
<div Klasse="Box">
Mobiltelefonnummer: <input type="number">
<button>SMS senden</button>
</div>
<Skript>
var btn = document.querySelector('Schaltfläche');
var Zeit = 10;
btn.addEventListener('klicken', function() {
btn.deaktiviert = wahr;
var Timer = Intervall setzen(Funktion() {
wenn (Zeit == 0) {
// Timer löschen und Schaltfläche wiederherstellen clearInterval(timer);
btn.deaktiviert = falsch;
btn.innerHTML = 'SMS senden';
Zeit = 10;
} anders {
btn.innerHTML = 'verbleibend' + Zeit + 'Sekunden';
Zeit--;
}
}, 1000);
});
</Skript>
</body>
</html>Seiteneffekt:
Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Lösen Sie das Problem mehrerer Listener, die beim Starten von Tomcat in Idea gemeldet werden
>>: So migrieren Sie lokales MySQL in eine Serverdatenbank
Artikel empfehlen
Canvas zeichnet Rubbellos-Effekt
In diesem Artikel wird der spezifische Code zum Z...
Was ist das Basis-Tag und was macht es?
Der <base>-Tag gibt die Standardadresse ode...
Häufig verwendete HTML-Format-Tags_Powernode Java Academy
1. Titel HTML definiert sechs <h>-Tags: <...
Die Rolle und Methoden der Informationskommunikation im visuellen Design von Websites (Bild und Text)
Das zeitgenössische visuelle Webdesign hat drei vö...
Vue kapselt ein TodoList-Beispiel und implementiert die Anwendung des lokalen Browser-Cache
In diesem Artikel wird hauptsächlich der Fall vor...
Detaillierte Schritte zum Löschen von Umgebungsvariablen in Linux
Wie lösche ich Umgebungsvariablen unter Linux? Ve...
CSS-Hacks \9 und \0 funktionieren möglicherweise nicht zum Hacken von IE11\IE9\IE8
Jedes Mal, wenn ich eine Webseite oder ein Formul...
Code zur Änderung des CSS-Bildlaufleistenstils
Code zur Änderung des CSS-Bildlaufleistenstils .s...
So stellen Sie eine einzelne Datenbank oder Tabelle in MySQL wieder her und mögliche Fallstricke
Vorwort: Das am häufigsten verwendete logische My...
Tipps zum Erstellen zweidimensionaler Arrays in JavaScript
Erstellen eines zweidimensionalen Arrays in Js: Z...
Javascript-Grundlagen zu integrierten Objekten
Inhaltsverzeichnis 1. Einführung in integrierte O...
Detaillierte Erklärung der HTML-Formularelemente (Teil 2)
HTML-Eingabeattribute Das Value-Attribut Das Valu...
Eine kurze Diskussion darüber, welche Felder in Mysql für die Indizierung geeignet sind
Inhaltsverzeichnis 1 Die allgemeinen Regeln zum E...
Der Unterschied zwischen MySQL execute, executeUpdate und executeQuery
Die Unterschiede zwischen „execute“, „executeUpda...
So schreiben Sie schönen HTML-Code
So sieht schöner HTML-Code aus. So schreiben Sie ...