Dieser Artikel teilt den Code und die Vorsichtsmaßnahmen für das Schreiben von JS Lottery -Programmen. Interessierte Freunde können sich darauf beziehen.
Code:
<! DocType html> <html Lang = "en"> <head> <meta charset = "utf-8"> <title> Einfache Lotterie (Tastatur verfügbar) </title> <style> *{Margin: 0; Padding: 0;} .box {Breite: 400PX; Höhe: 300PX; Margin: 50px auto: rot: rot: rot: 300px; margin; margin: 50px auto: rot: rot: rot: 300px; #FFF; Schriftgröße: 30px; Schriftgewicht: 700px; Padding: 50px 0; Text-Align: Mitte; Höhe: 40px;} .BTM {text-align: center; padding: 20px 0;} .BTM a {display: inline-block; widthth: 120px; Höhe: 60px; 10px; Textdekoration: Keine;} </style> <cript> var data = ['iPhone', 'iPad', 'Lapbook', 'Kamera', 'Danke für die Teilnahme', 'aufladen karte', 's Shopping-Gutschein'], Timer = Null, // Timer Flag = 0; // Mehrere Wagenrückspiele. stop = document.getElementById ('stop'); // Starten Sie das Draw Play.onclick = PlayFun; stop.onclick = stopfun; // Tastaturereignis document.onkeyUp = function (event) {event = event || Fenster.Event; // Codewert der Eingabetaste: 13 if (Ereignis.KeyCode == 13) {if (flag == 0) {PlayFun (); Flag = 1; } else {stopfun (); Flag = 0; }}} function PlayFun () {var title = document.getElementById ('title'); var play = document.getElementById ('Play'); ClearInterval (Timer); timer = setInterval (function () {var random = math.floor (math.random ()*data.length); title.innerHtml = data [random];}, 60); Play.Style.background = '#999'; } Funktion stopfun () {ClearInterval (Timer); var play = document.getElementById ('Play'); Play.Style.background = '#FEF097'; }} </script> </head> <body> <div> <div id = "title"> taojia Fun Lottery </div> <div> <a href = "javaScript:;" id = "play"> starten </a> <a href = "javaScript:;" id = "stop"> stop </a> </div> </div> </body> </html>Notiz:
1. Zufällige Zahl, nehmen Sie einen der Array; Nehmen Sie zwischen 0-N: math.random ()*(n+1)
2. Timer. Stoppen Sie beim Starten der Lotterie die vorherige Lotterie, andernfalls überlappen sich die Timer.
3. Drücken Sie die Taste, um festzustellen, ob die Lotterie im Gange ist oder nicht, alle variablen Flags werden festgelegt
Wenn Sie mehr über die JavaScript -Lotteriefunktion erfahren möchten, lesen Sie bitte dieses Thema: JavaScript implementiert die Lotteriefunktion
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.