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:
|
<<: So paginieren Sie schnell MySQL-Datenmengen im zweistelligen Millionenbereich
>>: So lösen Sie das Problem der hohen Parallelität in der MySQL-Datenbank
Artikel empfehlen
Eine kurze Diskussion über verschiedene Möglichkeiten zur Implementierung einer Front-End-JS-Sandbox
Inhaltsverzeichnis Vorwort iframe implementiert S...
So zeigen Sie historische Befehle in Linux an und führen sie aus
Historische Befehle anzeigen und bestimmte Befehl...
dh Filtersammlung
Der IE hat uns in der frühen Entwicklungsphase Ko...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.12 (Windows-Version)
1. Einleitung Im Projekt wird MySQL verwendet. Ic...
Dieser Artikel fasst die Implementierungsmethoden von 6 Lastausgleichstechnologien zusammen (Zusammenfassung).
Lastenausgleich ist ein häufig verwendetes Mittel...
Natives JS zum Erzielen von Book-Flipping-Effekten
In diesem Artikel wird ein mit nativem JS impleme...
HTML5 und jQuery zum Implementieren von Vorschau-Codebeispielen vor dem Hochladen lokaler Bilder
HTML5 und jQuery implementieren die Vorschau loka...
Lösung für das Problem, dass die Audiokomponente des WeChat-Applets unter iOS nicht abgespielt werden kann.
Lösung: Binden Sie das Klickereignis an die Audio...
Zusammenfassung der Lösungen für allgemeine Linux-Probleme
1. Centos7 unter VMware verbinden und eine feste ...
Detaillierter Vue-Code zur Implementierung der Shuttle-Box-Funktion
Vue - Implementierung der Shuttle-Box-Funktion. D...
Fünf Lösungen für Cross-Browser-Probleme (Zusammenfassung)
Kurz zusammengefasst: Browserkompatibilitätsprobl...
Eine detaillierte Analyse und Verarbeitung von MySQL-Alarmen
Vor kurzem hat ein Dienst einen Alarm ausgelöst, ...
Beispielanalyse von MySQL-Start- und Verbindungsmethoden
Inhaltsverzeichnis So starten Sie mysqld Methode ...
So verwenden Sie das Modul-FS-Dateisystem in Nodejs
Inhaltsverzeichnis Überblick Dateideskriptoren Sy...
Ein kurzer Vortrag über die Kenntnisse, die Sie für den Einstieg in Vue beherrschen müssen
Als eines der beliebtesten Front-End-Frameworks i...