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
Werden die erfolgreichsten Unternehmen der Zukunft Technologieunternehmen oder Designunternehmen sein?
Moores Gesetz gilt nicht mehr Seit der Übernahme ...
Einführung in die Verwendung von this in HTML-Tags
Zum Beispiel: Code kopieren Der Code lautet wie fo...
Über den Unterschied zwischen js typeof und instanceof bei der Beurteilung von Datentypen und deren Entwicklung und Verwendung
Inhaltsverzeichnis 1. Typ des Operators 2. Instan...
Die perfekte Lösung, um das Passwort in mysql8.0.19 zu vergessen
Lesetipp: MySQL 8.0.19 unterstützt Kontosperrfunk...
CentOS6.8 – Tutorial-Diagramm zum Umschalten der chinesischen/englischen Umgebung
1. Einleitung Personen, die nicht an die englisch...
Klasse in Front-End-JavaScript
Inhaltsverzeichnis 1. Klasse 1.1 Konstruktor() 1....
Eine kurze Diskussion über die Matching-Regeln von Host und Benutzer, wenn Mysql eine Verbindung zur Datenbank herstellt
--Beim Verbinden mit der Datenbank die Matching-R...
Eine kurze Analyse der grundlegenden Implementierung von Vue-Erkennungsdatenänderungen
Inhaltsverzeichnis 1. Objektänderungserkennung 2....
Beschreibung der Standardtransaktionsisolationsebene von MySQL und Oracle
1. Transaktionsmerkmale (ACID) (1) Atomarität. Di...
Welche Beziehung besteht zwischen Mapper-SQL-Anweisungsfeldern und Entitätsklassen-Attributnamen?
Hintergrund: 1. Es gibt eine Benachrichtigungstab...
Tiefes Verständnis von Zeilenhöhe und vertikaler Ausrichtung
Mehrere Konzepte Zeilenbox: Eine Box, die eine In...
Manuelle Implementierung der Instanceof-Methode in JavaScript
1. Verwendung von instanceof Mit instanceof wird ...
MySQL5.7 Master-Slave-Konfigurationsbeispielanalyse
Implementierungsmethode für die MySQL5.7-Master-S...
Grundlegende Kenntnisse zum MySQL UNION-Operator
MySQL UNION-Operator Dieses Tutorial stellt die S...