บทความนี้แบ่งปันรหัสและข้อควรระวังสำหรับการเขียนโปรแกรมลอตเตอรี JS เพื่อนที่สนใจสามารถอ้างถึงได้
รหัส:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> ลอตเตอรีง่าย ๆ (มีแป้นพิมพ์) </title> <style> *{margin: 0; padding: 0;}. box {width: 400px; #FFF; FONT-SIZE: 30PX; FONT-WEIGHT: 700PX; Padding: 50px 0; Text-Align: Center; ความสูง: 40px;} .btm {text-allign: center; padding: 20px 0;} .btm a {display: inline-block; 10px; การกำหนดข้อความ: ไม่มี;} </style> <script> var data = ['iPhone', 'iPad', 'lapbook', 'กล้อง', 'ขอบคุณสำหรับการเข้าร่วม', 'การ์ดเติมเงิน', 'shopping card' {calplay = null-null stop = document.getElementById ('หยุด'); // เริ่ม draw play.onclick = playfun; stop.onclick = stopfun; // เอกสารเหตุการณ์คีย์บอร์ด onkeyup = ฟังก์ชั่น (เหตุการณ์) {event = event || window.event; // ค่ารหัสของคีย์ Enter: 13 if (event.keycode == 13) {if (flag == 0) {playfun (); ธง = 1; } else {stopfun (); ธง = 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 = "เล่น"> เริ่ม </a> <a href = "JavaScript:;" id = "หยุด"> หยุด </a> </div> </div> </body> </html>บันทึก:
1. หมายเลขสุ่มใช้หนึ่งในอาร์เรย์; ใช้เวลาระหว่าง 0-n: math.random ()*(n+1)
2. ตัวจับเวลา เมื่อเริ่มลอตเตอรีให้หยุดลอตเตอรีก่อนหน้าไม่เช่นนั้นตัวจับเวลาจะทับซ้อนกัน
3. กดการดำเนินการที่สำคัญเพื่อตรวจสอบว่าลอตเตอรีกำลังดำเนินการอยู่หรือไม่จะตั้งค่าสถานะตัวแปรทั้งหมด
หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับฟังก์ชันลอตเตอรี JavaScript โปรดดูหัวข้อนี้: JavaScript ใช้ฟังก์ชันลอตเตอรี
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น