Este artículo comparte el código y las precauciones para escribir programas de lotería JS. Los amigos interesados pueden referirse a él.
Código:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> lotería simple (teclado disponible) </title> <style> *{margin: 0; relleno: 0;} .Box {ancho: 400px; altura: 300px; margin: 50px Auto #fff; font-size: 30px; font-weight: 700px; relleno: 50px 0; text-align: centro; altura: 40px;} .btm {text-align: center; alemando: 20px 0;} .btm a {display: inline-block; width: 120px; altura: 60px; línea-height: 60px; fondo: #marco; 10px; Text-Decoration: None;} </style> <script> var data = ['iPhone', 'iPad', 'LapBook', 'Camera', 'gracias por la participación', 'recarga de la tarjeta', 's compras de compras'], timer = null, // timer flag = 0; // prevenir múltiples cartas de retorno. stop = document.getElementById ('stop'); // Comienza el dibujo play.onclick = playfun; stop.OnClick = stopFun; // teclado Event Docum.OnkeyUp = Function (Event) {Event = Event || Window.event; // Valor de código de la tecla Ingrese: 13 if (event.keycode == 13) {if (flag == 0) {playfun (); bandera = 1; } else {stopFun (); bandera = 0; }}} function playFun () {var title = document.getElementById ('title'); var play = document.getElementById ('Play'); ClearInterval (temporizador); timer = setInterval (function () {var random = math.floor (math.random ()*data.length); title.innerhtml = data [aleatorio];}, 60); play.style.background = '#999'; } function stopFun () {ClearInterval (temporizador); var play = document.getElementById ('Play'); play.style.background = '#FEF097'; }} </script> </head> <body> <div> <div id = "title"> Taojia Fun Lottery </iv> <div> <a href = "javascript :;" id = "Play"> Start </a> <a href = "javascript :;" id = "parar"> parar </a> </div> </div> </body> </html>Nota:
1. Número aleatorio, tome una de las matrices; Tomar entre 0-n: math.random ()*(n+1)
2. Temporizador. Al comenzar la lotería, detenga la lotería anterior, de lo contrario, los temporizadores se superponen.
3. Presione la operación de tecla para determinar si la lotería está en progreso o no, se establecen todos los indicadores variables
Si desea obtener más información sobre la función de lotería JavaScript, consulte este tema: JavaScript implementa la función de lotería
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.