js, um eine einfache Lotteriefunktion zu erreichen

In diesem Artikel wird der spezifische Code von js zur Implementierung einer einfachen Lotteriefunktion zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt

1. Szenario:

Klicken Sie auf die Schaltfläche, um die zufällige Preisverlosung zu starten. Wenn sie stoppt, ist der Preis, der auf dem großen Bildschirm verbleibt, der gezogene Preis („Danke“ bedeutet, dass kein Preis vergeben wird).

2. Ideen:

Wie wir alle wissen, ist bei Lotterien der Zufall das Wichtigste und die Gewinne werden aus einer Vielzahl von Preisen gezogen. Dann können Sie die Richtung sperren: Verwenden Sie ein Array zum Speichern der Auszeichnungsnamen und verwenden Sie Math.random(), um eine Zufallszahl zwischen 0 (einschließlich) und 1 (exklusiv) zurückzugeben. Solange Sie den Index des Arrays zufällig auswählen können, können Sie den Preis zufällig auswählen.

Und nun ohne weitere Umschweife der Code:

<!DOCTYPE html>
<html lang="de">
 <Kopf>
  <meta charset="UTF-8">
  <title>Dokument</title>
 
 </Kopf>
 <Text>
  <button id="start">Starten</button>
  <button id="end">Stopp</button>
  <h1 id="txt">Bitte beginnen</h1>
  <Skript>
   var ostart=document.getElementById('start');
   var oend=document.getElementById('end');
   var otxt = document.getElementById('txt');
   var Zeitgeber;
   var m;
   var list=['Handy','Pad','Pad','Einkaufskarte','Einkaufskarte','Einkaufskarte','Lautsprecher','danke','danke','danke','danke','danke','danke','danke','danke','danke','danke','danke','danke']
   // Starten Sie ostart.onclick=function(){
    Timer = Intervall festlegen(Funktion(){
     // Zufallszahl generieren m=parseInt(Math.random()*list.length);
     // Ändern Sie das HTML
     otxt.innerHTML=Liste[m]
     //Ändern Sie das Bild.setAttribute('src',list[m])

    },1000)
   }
   //Stoppen oend.onclick=function(){
    
    Intervall löschen(Timer);
    alert('Herzlichen Glückwunsch zum Gewinn'+list[m]);
    list.splice(m,1,'Danke');
   }
  </Skript>
 </body>
</html>

Klicken Sie auf die Schaltfläche „Start“:

Ergebnisse der Auslosung:

Sie können den Timer nach Belieben einstellen, also probieren Sie es jetzt aus!

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:

js und html5 realisieren den mobilen Rubbellos-Lotterieeffekt, perfekte Kompatibilität mit Android/IOS
Analyse des js-Roulette-Lotteriebeispiels
js-Lotterie, um einen zufälligen Lotteriecode-Effekt zu erzielen
jquery.rotate.js implementiert den Lotteriecode des Drehtellers mit optionaler Lotterienummer und Gewinninhalt
js einfacher Lotteriecode
js implementiert eine einfache Zufallslotteriemethode
js, um ein Beispiel für ein großes Drehscheibenlotteriespiel zu erreichen
Native JS realisiert den Effekt einer Neun-Quadrat-Lotterie
JavaScript-Programmcode für Zufallslotterie
Implementierungscode für den JS-Simulationslotteriesequenzeffekt

<<: So paginieren Sie schnell MySQL-Datenmengen im zweistelligen Millionenbereich

>>: So lösen Sie das Problem der hohen Parallelität in der MySQL-Datenbank

Gemeinsame Nutzung verschiedener Methoden zum Deaktivieren des Seitencaches

js, um eine einfache Lotteriefunktion zu erreichen

1. Szenario:

2. Ideen:

Gemeinsame Nutzung verschiedener Methoden zum Deaktivieren des Seitencaches

Detaillierte Erläuterung zum Erstellen einer Ansicht (CREATE VIEW) und zu Nutzungsbeschränkungen in MySQL

Angular Dependency Injection erklärt

Umfassende Erklärung zum CocosCreator Hot Update

Detaillierte Erklärung des JavaScript-Stacks und der Kopie

Beste Tools zum Erstellen und Bearbeiten von Screenshots unter Linux

Eine kurze Diskussion zum CSS-Höhenkollapsproblem

Zusammenfassung des Wissens über Einbettungsanweisungen, die Vue-Ingenieure kapseln müssen

Grafisches Tutorial zur Installation und Konfiguration der MySQL 5.7.18 Zip-Version (Win7)

VScode Remote SSH-Remote-Bearbeitung und -Debugging von Code

Artikel empfehlen

Docker-Konfiguration Alibaba Cloud Container Service-Betrieb

Beispielcode von Vue + Element UI zur Realisierung der Player-Funktion

Verwendung der Linux Dynamic Link Library

Ein kurzer Vortrag über JavaScript Sandbox

Code zum Aktivieren von IE8 im IE7-Kompatibilitätsmodus

Detaillierte Erklärung der Kernkonzepte und der grundlegenden Verwendung von Vuex

So bereinigen Sie regelmäßig private Docker-Server-Images

Detaillierte Erläuterung der FTP-Serverkonfiguration und 425-Fehler- und TLS-Warnlösungen für FileZilla Server

Grafische Installationsschritte für VMware vSphere 6.7 (ESXI 6.7)

So entfernen Sie Inline-Stile, die durch das Stilattribut (element.style) definiert sind

Lösung für das Problem, dass die Seite leer ist, wenn die Seite mit der Quelldatei in IE7 geöffnet wird

Fügen Sie Ihrer Website mit Google Web Fonts unbegrenzt viele Schriftarten hinzu

Zusammenfassung der verschiedenen Haltungen der MySQL-Berechtigungseskalation

Installations-Tutorial für die grüne Version von MySQL 5.7 unter einem 64-Bit-System von Windows 2008

Grafische Erklärung des zugrunde liegenden Prinzips der JavaScript-Bereichskette