Эта статья разделяет код и меры предосторожности для написания программ лотереи JS. Заинтересованные друзья могут ссылаться на это.
Код:
<! Doctype html> <html lang = "en"> <head> <meta charset = "UTF-8"> <Title> простая лотерея (доступна клавиш) </title> <style> *{Margin: 0; Padding: 0;} .box {width: 400px; рост: 300px; margin: 50px Auto; #fff; font-size: 30px; Font-Weight: 700px; Padding: 50px 0; Text-align: Center; Height: 40px;} .btm {text-align: Center; Padding: 20px 0;} .btm a {disploy: inline-block; ширина: 120px; высота: 60px; line-height: #focefx; #; 10px; текстовое-декорация: none;} </style> <script> var data = ['iPhone', 'iPad', 'lapbook', 'camera', 'спасибо за участие', 'Cardge Card', 'S Shopping Vower'], Timer = null, // Timer flag = 0; // Предотвратить witchder witchde.onload = function () {var ware = get glivebyd plighid. stop = document.getElementById ('Stop'); // запустить Draw Play.onclick = playfun; Stop.onclick = stopfun; // документ события клавиатуры. window.event; // значение кода клавиши Enter: 13 if (event.keycode == 13) {if (flag == 0) {playfun (); флаг = 1; } else {stopfun (); flag = 0; }}} function playfun () {var title = document.getElementbyId ('title'); var play = document.getElementbyId ('play'); ClearInterval (таймер); timer = setInterval (function () {var random = math.floor (math.random ()*data.length); title.innerhtml = data [random];}, 60); play.style.background = '#999'; } function stopfun () {clearInterval (таймер); 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>Примечание:
1. Случайное число, возьмите один из массива; Возьмите между 0-N: Math.random ()*(n+1)
2. таймер. При запуске лотереи остановите предыдущую лотерею, в противном случае таймеры будут перекрываться.
3. Нажмите операцию клавиши, чтобы определить, находится ли лотерея в процессе или нет, все переменные флаги установлены
Если вы хотите узнать больше о функции лотереи Javascript, пожалуйста, обратитесь к этой теме: JavaScript реализует функцию лотереи
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.