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
Ausführliche Erklärung zum Currying von JS-Funktionen
Inhaltsverzeichnis 1. Ergänzende Wissenspunkte: i...
4 Prinzipien für sauberes und schönes Webdesign
In diesem Artikel werden diese 4 Prinzipien im Hi...
HTML-Tabellen-Markup-Tutorial (43): VALIGN-Attribut der Tabellenüberschrift
In vertikaler Richtung können Sie die Ausrichtung...
4 Scan-Tools für den Linux-Desktop
Obwohl die papierlose Welt noch nicht angebrochen...
Zusammenfassung der gebräuchlichen Buchstaben in Unicode
Die meisten der ersten Computer konnten nur ASCII...
Wir treiben IE6 alleine in den Untergang
Tatsächlich fragen wir uns jeden Tag, wann IE6 wi...
MySQL-Indexoptimierung: Detaillierte Einführung in die Paging-Erkundung
Inhaltsverzeichnis MySQL-Indexoptimierung – Pagin...
Ein Artikel, der Ihnen hilft, die Grundlagen von VUE zu verstehen
Inhaltsverzeichnis Was ist VUE Kern-Plugins in Vu...
Detaillierte Erklärung der Rolle von Klammern in AngularJS
1. Die Rolle der Klammern 1.1 Eckige Klammern [ ]...
Einfaches Tutorial zu den Firewall-Einstellungen unter Ubuntu 20.04 (Anfänger)
Vorwort In der heutigen, immer bequemeren Interne...
CentOS 8 offiziell veröffentlicht, basierend auf Red Hat Enterprise Linux 8
Das CentOS-Projekt, ein 100 % kompatibler Neuaufb...
Welche Codes sollte ich beherrschen, wenn ich Webdesign lerne?
In diesem Artikel werden einige der Techniken ausf...
MySQL-Installationsinformationen unter Linux-Server anzeigen
Sehen Sie sich die Installationsinformationen von...
So lösen Sie das Problem, dass der Docker-Container keinen Vim-Befehl hat
Finden Sie das Problem Als ich heute versuchte, d...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17 winx64
Windows-Installation mysql-5.7.17-winx64.zip Meth...