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
Lösung für das Root-Passwort-Anmeldeproblem in MySQL 5.7
Nachdem ich herausgefunden hatte, dass der vorher...
Über visuelles Design und Interaktionsdesign
<br />Im gesamten Produktdesignprozess liege...
Verwenden Sie den Crontab-Befehl in der Linux-Umgebung, um geplante periodische Ausführungsaufgaben einzurichten [einschließlich PHP-Ausführungscode].
Dieser Artikel verwendet den Befehl crontab in de...
Drei häufig verwendete MySQL-Datentypen
Das Definieren des Datenfeldtyps in MySQL ist für...
Anwendungsbeispiele für die try_files-Direktive von Nginx
Die Konfigurationssyntax von Nginx ist flexibel u...
Keine chinesische Spezialität: Webentwicklung unter kulturellen Unterschieden
Webdesign und -entwicklung sind harte Arbeit, als...
So beheben Sie den Startfehler des Docker-Containers
Frage: Nach dem Neustart des Computers kann der M...
Beispiel für die Ausführung eines MySQL-Befehlszeilenskripts
Dieser Artikel veranschaulicht anhand eines Beisp...
960 Grid System – Grundprinzipien und Verwendung
Natürlich gibt es auch viele Leute, die die gegent...
Zeigen Sie die vom Prozess in Linux belegte Portnummer an
Für Linux-Systemadministratoren ist es von entsch...
Mehrere Möglichkeiten zur Verwendung von require/import-Schlüsselwörtern zum Importieren lokaler Bilder in einer v-for-Schleife
Inhaltsverzeichnis Problembeschreibung Methode 1 ...
Einfaches Beispiel zum Hinzufügen und Entfernen von HTML-Knoten
Einfaches Beispiel für das Hinzufügen und Entfern...
MySQL Serie 14 MySQL Hochverfügbarkeitsimplementierung
1. MHA Durch die Überwachung des Masterknotens ka...
Einführung in die Stapelverarbeitung von virtuellen Netzwerkkarten unter CentOS 7.6
1 Überprüfen Sie, ob der Kernel ein Tun-Modul hat...
Bild-Scrolling-Effekt mit CSS3 erstellt
Ergebnisse erzielenImplementierungscode html <...