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 Problem, dass es beim Klicken auf „Alles auswählen“ in der Shuttle-Box von Element bei großen Datenmengen hängen bleibt
Inhaltsverzeichnis Lösung 1: Kopieren Sie die Übe...
Docker-Kern und spezifische Verwendung der Installation
1. Was ist Docker? (1) Docker ist ein Open-Source...
So bereinigen Sie Daten in einer MySQL-Onlinedatenbank
Inhaltsverzeichnis 01 Szenarioanalyse 02 Funktion...
Detaillierte Erklärung der grundlegenden Verwendung des VUE Watch Listener
Inhaltsverzeichnis 1. Der folgende Code ist eine ...
Implementierung des Durchklickens des transparenten Bereichs unregelmäßiger Formen in Electron
Inhaltsverzeichnis Implementierung einer unregelm...
Lösen Sie das Problem der Containerverwaltung mit Docker Compose
Im Docker-Design führt ein Container nur eine Anw...
Flammenanimation mit CSS3 umgesetzt
Ergebnisse erzielen Implementierungscode html <...
FastDFS- und Nginx-Integration zur Codeanalyse
FastDFS- und Nginx-Integration: Der Tracker wird ...
Die ultimative Lösung für das Problem verstümmelter chinesischer Schriftzeichen auf statischen Tomcat-Seiten (HTML)
In Tomcat ist JSP nicht verstümmelt, aber HTML-Ch...
Detaillierte Erläuterung des Prozesses zum Erstellen eines MQTT-Servers mit Docker
1. Ziehen Sie das Bild Docker-Pull-Registrierung....
Wie implementiert die MySQL-Datenbank die XA-Spezifikation?
MySQL-Konsistenzprotokoll Was passiert mit nicht ...
So erstellen Sie eine lnmp-Umgebung im Docker
Erstellen eines Projektverzeichnisses mkdir php E...
Tutorial zu XHTML-Webseiten
Dieser Artikel soll vor allem Anfängern einige gr...
Detaillierte Erläuterung der Konfigurationspraxis für die MySQL-Master-Slave-Synchronisierung
1. Einleitung Ich habe zuvor einen Artikel geschr...
So setzen Sie das Root-Passwort in CentOS7 zurück
Beim Verschieben von Bausteinen treten verschiede...