JavaScript zum Implementieren einer zufälligen Namensaufruf-Webseite

JavaScript schreibt eine zufällige Roll-Call-Webseite zu Ihrer Referenz. Der spezifische Inhalt ist wie folgt

<!DOCTYPE html>
<html>
 <Kopf>
  <meta charset="UTF-8">
  <title>Dokument</title>
  <Stil>
   * {
    Rand: 0;
    Polsterung: 0;
   }
   #Kasten {
    Rahmen: 1px tiefschwarz;/*Legen Sie den Rahmen und die Farbe der Box fest*/
    Breite: 500px;
    Höhe: 500px;
    Rand: 100px auto;/*200px vom oberen Rand und zentriert*/
    Hintergrundfarbe: #000000;/*Hintergrundfarbe der Box*/
    Position: relativ;/*Positionierung*/
   }
   P{
    Breite: 500px;
    Höhe: 200px;
    text-align: center;/*Text zentrieren*/
    line-height: 200px;/*Zeilenhöhe festlegen*/
    Schriftgröße: 80px;/*Schriftgröße*/
    Farbe: #ffff00;
   }
   #jahr {
    Breite: 200px;
    Höhe: 50px;
    Hintergrundfarbe: #00aaff;
    Position: absolut;
    unten: 100px;/*100px vom unteren Rand*/
    links: 50%;
    Rand links: -100px;
    Farbe: #ffffff;
    Schriftgröße: 20px
   }
  </Stil>
 </Kopf>
 <Text>
  <div id="box">
   <p id="wenben">Zufälliger Anwesenheitsappell</p>
   <input type="button" value="Namensaufruf starten" id="anniu">
  </div>
 </body>
 <Skript>
  var wenben = document.getElementById("wenben")
  var anniu = document.getElementById("anniu")
  var timer // Timer definieren var arr = ['Liu Yi', 'Chen Er', 'Zhang San', 'Li Si', 'Wang Wu', 'Zhao Liu', 'Sun Qi', 'Zhou Ba', 'Wu Jiu', 'Zheng Shi']
  var test = true
  annius.onclick = Funktion() {
   wenn (Test) {
    Start()
    anniu.innerHTML = "Ende"
    test = falsch
   } anders {
    stoppen()
    anniu.innerHTML = "Start"
    test = wahr
   }
  }
  Funktion start() { /*Start*/
   Timer = Intervall festlegen(Funktion random() {
    var index = parseInt(Math.random() * arr.length)
    wenben.innerHTML = arr[index]
   }, 50);
  }
  Funktion stop() { /*Ende*/
   Intervall löschen(Timer)
  }
 </Skript>
</html>

Die Wirkung ist wie folgt:

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:

Eine zufällige Namensaufruffunktion, implementiert durch Javascript
Ein zufälliges Namensaufrufprogramm mit Javascript
JS implementiert zufällige und sequentielle Namensaufrufe im Unterricht
js implementiert ein zufälliges Namensaufrufsystem (Beispielerklärung)
JS+CSS zum Erreichen eines zufälligen Namensaufrufs (Beispielcode)
js implementiert eine zufällige Roll-Call-Funktion
JS implementiert einen zufälligen Roll Caller
Spezifische Analyse der Anforderungen zur Implementierung eines zufälligen Namensaufrufs im Unterricht mit JavaScript
JavaScript-Implementierung eines zufälligen Namensaufrufers
Detaillierte Erläuterung des Beispiels eines in JavaScript implementierten Random Roll Callers

<<: Detaillierte Erklärung der Verwendung des Fuser-Befehls in Linux

>>: Detaillierte Erläuterung der Idee, den Unterschied zwischen stündlichen Daten und den letzten stündlichen Daten in MySQL abzufragen