Cet article partage le code et les précautions pour la rédaction de programmes de loterie JS. Les amis intéressés peuvent y faire référence.
Code:
<! Doctype html> <html lang = "en"> <éad> <meta charset = "utf-8"> <itle> loterie simple (clavier disponible) </title> <style> * {margin: 0; padding: 0;} .box {width: 400px; height: 300px; margin: 50px auto; background: red}. #FFF; Font-Size: 30px; Font-Weight: 700px; Padding: 50px 0; Text-Align: Center; Height: 40px;} .BTM {Text-Align: Center; Padding: 20px 0;} .BTM A {Affichage: Inline-Block; Width: 120px; Hight: 60px; Line-Height: 60px; Batterse 10px; text-décoration: Aucun;} </ style> <script> var data = ['iPhone', 'iPad', 'Lapbook', 'caméra', 'Merci pour la participation', 'Timer Card', 'S Shopping Voucher'], Timer = Null, // Timer Flag = 0; // Empêcher la fenêtre de retour multiple '), fonction () {var play. stop = document.getElementById ('stop'); // Démarrez le dessin play.OnClick = playFun; stop.OnClick = stopfun; // Document d'événement du clavier.onkeyup = fonction (événement) {event = event || window.event; // Valeur de code de la touche Entrée: 13 if (event.KeyCode == 13) {if (flag == 0) {playFun (); drapeau = 1; } else {stopfun (); drapeau = 0; }}} fonction playfun () {var title = document.getElementById ('title'); var play = document.getElementById ('play'); ClearInterval (temporisateur); timer = setInterval (function () {var random = math.floor (math.random () * data.length); title.innerhtml = data [random];}, 60); play.style.background = '# 999'; } fonction 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"> start </a> <a href = "javascript:;" id = "stop"> stop </a> </div> </div> </ body> </html>Note:
1. Numéro aléatoire, prenez l'un des tableau; prendre entre 0-n: math.random () * (n + 1)
2. Minuteur. Lorsque vous démarrez la loterie, arrêtez la loterie précédente, sinon les minuteries se chevauchent.
3. Appuyez sur l'opération de la touche, pour déterminer si la loterie est en cours ou non, tous les indicateurs variables sont définis
Si vous souhaitez en savoir plus sur la fonction de loterie JavaScript, veuillez vous référer à ce sujet: JavaScript implémente la fonction de loterie
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.