Natives JavaScript zur Implementierung einer zufälligen Namensaufruftabelle

In diesem Artikelbeispiel wird der spezifische Code der JavaScript-Random-Roll-Call-Tabelle zu Ihrer Information geteilt. Der spezifische Inhalt ist wie folgt

Wirkung:

Code:

<!DOCTYPE html>
<html>
 <Kopf>
 <meta charset="UTF-8">
 <Titel></Titel>
 <Stil>
  .Kasten{
  Breite: 300px;
  Höhe: 200px;
  Rand: 1px durchgezogen #ccc;
  /*Position: absolut;
  links: 0;
  rechts:0;
  oben: 0;
  unten: 0;
  Rand: automatisch;*/
  Rand: 100px automatisch;
  Textausrichtung: zentriert;
  }
  h1{
  Breite: 150px;
  Höhe: 60px;
  Zeilenhöhe: 60px;
  Textausrichtung: zentriert;
  Schriftgröße: 30px;
  Hintergrundfarbe: rot;
  Rand: 10px automatisch;
  }
  Taste{
  Breite: 100px;
  Höhe: 40px;
  Hintergrundfarbe: Dodgerblue;
  Rand: 0;
  Schriftgröße: 24px;
  Farbe: #fff;
  }
  
  
 </Stil>
 </Kopf>
 <Text>
 <div Klasse="Box">
  <h1></h1>
  <button>Starten</button>
  <button>Stopp</button>
 </div>
 <Skript>
  var h1=document.getElementsByTagName('h1')[0];
  var btn = document.getElementsByTagName("Schaltfläche");
  var arr=["Su Chenxu","Zhang Zhiyang","Xiao Ming","Sozialbruder Kun","Yao","Jing Zhen","Jin Tao","Netzwerkmanager","Sozialbruder Chen","Zha Nan","Xue","Baby Mann","Großer Kerl","Schlafender Gott","Long Ye","Ying Er","Nordostbaby","Ke Ke","Sehr junges Mädchen","Gou Dan","Gou Zi","Tian Jiao","Zhi Qiang","Jin Wei","Haitao","Schwester Mai","Xin Feng","Schwester Huan","Er Gou"];
  
  var ind = ranFun(0,arr.Länge-1)
  
  h1.innerHTML=arr[ind];
  var Zeitgeber;
  btn[0].onclick=Funktion(){
  Intervall löschen(Timer)
  Timer = Intervall festlegen(Funktion(){
   h1.innerHTML=arr[ranFun(0,arr.Länge-1)]
  },100)
  }
  
  btn[1].onclick=Funktion(){
  Intervall löschen(Timer)
  }
  
  Funktion ranFun(a,b){
  gibt Math.floor(Math.random()*(b-a+1)+a) zurück
  }
 </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:

Eine zufällige Namensaufruffunktion, implementiert durch Javascript
Ein zufälliges Namensaufrufprogramm mit Javascript
js implementiert ein zufälliges Namensaufrufsystem (Beispielerklärung)
JS implementiert zufällige und sequentielle Namensaufrufe im Unterricht
Code in js, um mit DOM die angegebenen Knotennamendaten in eine neue XML-Datei zu kopieren (klonen).
js implementiert eine zufällige Roll-Call-Funktion
JS+CSS zum Erreichen eines zufälligen Namensaufrufs (Beispielcode)
Spezifische Analyse der Anforderungen zur Implementierung eines zufälligen Namensaufrufs im Unterricht mit JavaScript
Detaillierte Erläuterung des Beispiels eines in JavaScript implementierten Random Roll Callers
js implementiert die Methode zum Bearbeiten des Div-Knotennamens

<<: Die Hauptidee zum dynamischen Festlegen von Routing-Berechtigungen in Vue

>>: Tipps zur Verwendung von Vue-Elementen und Nuxt