JS implementiert ein zufälliges Namensaufrufsystem
|
Verwenden Sie JS, um ein zufälliges Namensaufrufsystem zu Ihrer Referenz zu implementieren. Der spezifische Inhalt ist wie folgt Zehn Minuten vor jeder Unterrichtsstunde bat uns der Lehrer, Fragen zu beantworten, aber jedes Mal rief er die Schülernummern auf, und es schien, als würde ich jedes Mal gewinnen. Also schlug ich dem Lehrer direkt vor: „Lehrer, lassen Sie mich Ihnen mithilfe von JS helfen, ein zufälliges Namensaufrufsystem zu schreiben!“ So werde ich nicht jedes Mal ausgewählt, haha Erster Blick auf die Wirkung:
Der Code lautet wie folgt:
<!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>Dokument</title>
</Kopf>
<Text>
<button id="box1">Starten</button>
<button id="box2">Ende</button>
<span id="box">Tom</span>
<Skript>
//Element auf der Seite abrufen var btn1 = document.getElementById('box1');
var btn2 = document.getElementById('box2');
var span = document.getElementById('box');
Variablennamen = ['Tom', 'Jack', 'Lucy', 'Peter', 'Mark', 'Min', 'Liu', 'Rani'];
var Zeitgeber;
btn1.onclick = Funktion() {
Fenster.ClearInterval(Timer);
Timer = Fenster.SetInterval(AnzahlName, 100);
};
btn2.onclick = Funktion() {
Fenster.ClearInterval(Timer);
};
Funktion Zählname() {
var index = parseInt(Math.random() * Namen.Länge);
span.innerHTML = Namen[index];
}
</Skript>
</body>
</html>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:
|
<<: So fügen Sie einem Alpine-Image einen Ansible-Dienst hinzu
Artikel empfehlen
Beispielcode zum Ändern der Farbe eines PNG-Bildes durch einen CSS3-Filter
Diese Methode verwendet den filter in CSS3 drop-s...
Detaillierte Erklärung des Linux-Kernel-Makros Container_Of
Inhaltsverzeichnis 1. Wie werden Strukturen im Ge...
HTML-Tabellen-Markup-Tutorial (39): Das helle Rahmenfarbattribut der Kopfzeile BORDERCOLORLIGHT
Im Tabellenkopf können Sie die Farbe der hellen U...
Vue verwendet Regeln zur Implementierung der Formularfeldvalidierung
Es gibt viele Möglichkeiten, Formularfelder in Vu...
So stellen Sie Gitlab mit Docker-Compose bereit
Docker-Compose stellt Gitlab bereit 1. Docker ins...
Zusammenfassung der MySQL-Funktionsmethode LOAD_FILE()
In MySQL liest die Funktion LOAD_FILE() eine Date...
Detaillierte Erläuterung nativer Javascript-Vererbungsmethoden und ihrer Vor- und Nachteile
Inhaltsverzeichnis Vorwort Prototypische Vererbun...
So verwenden Sie Nginx zum Erstellen eines statischen Ressourcenservers
Nehmen wir Windows als Beispiel. Bei Linux ist es...
Dateiupload über HTML5 auf Mobilgeräten
Meistens werden Plug-Ins zum Hochladen von Dateie...
Was Sie über das Erstellen von MySQL-Indizes wissen müssen
Inhaltsverzeichnis Vorwort: 1. Indexmethode erste...
Implementierung einer zeitgesteuerten Seitenaktualisierung oder Weiterleitung basierend auf Metadaten
Verwenden Sie Metadaten, um eine zeitgesteuerte A...
Apache Spark 2.0-Jobs brauchen lange, bis sie abgeschlossen sind
Phänomen Bei der Verwendung von Apache Spark 2.x ...
Schöner Kontrollkästchenstil (Feld für Mehrfachauswahl), perfekt kompatibel mit IE8/9/10, FF usw.
Es ist peinlich zu sagen, dass ich lange bei Baidu...
Tutorial zur HTML-Tabellenauszeichnung (16): Attribut für horizontale Titelausrichtung ALIGN
Standardmäßig ist der Tabellentitel horizontal ze...
So verwenden Sie Shell-Skripte in Node
Hintergrund Während der Entwicklung benötigen wir...