Artikel ini membagikan kode dan tindakan pencegahan untuk menulis program lotere JS. Teman yang tertarik dapat merujuknya.
Kode:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <itement> lotre sederhana (keyboard tersedia) </iteme> <tyle> *{margin: 0; padding: 0;} .box {width: 400px; tinggi: 300px; margin: 50px: latar belakang: 400px; tinggi: 300px; margin: 50px: latar belakang {width: 400px; tinggi: 300px; 50px; 50px; 50px; #fff;font-size: 30px;font-weight:700px;padding: 50px 0;text-align: center;height:40px;} .btm{text-align: center;padding:20px 0;} .btm a{display: inline-block;width: 120px;height:60px;line-height:60px;background: #FEF097;margin:0 10px; dekorasi teks: tidak ada;} </style> <script> var data = ['iPhone', 'iPad', 'lapbook', 'kamera', 'terima kasih untuk partisipasi', 'kartu pengisian ulang', voucher belanja '], timer = null, // timer flag = 0; // cegah window return varel () {null, // document () () () () {document. stop = document.geteLementById ('stop'); // Mulai draw play.onClick = playfun; stop.onClick = stopfun; // Keyboard Event document.onkeyup = function (event) {event = event || window.event; // Nilai kode dari tombol Enter: 13 if (event.keycode == 13) {if (flag == 0) {playfun (); Bendera = 1; } else {stopFun (); Bendera = 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 [acak];}, 60); play.style.background = '#999'; } function stopFun () {clearInterval (timer); var play = document.geteLementById ('play'); play.style.background = '#fef097'; }} </script> </head> <body> <div> <div id = "title"> taojia fun lotere </div> <div> <a href = "javascript :;" id = "play"> mulai </a> <a href = "javascript :;" id = "stop"> hentikan </a> </div> </div> </body> </html>Catatan:
1. Nomor acak, ambil salah satu array; Ambil antara 0-n: math.random ()*(n+1)
2. Timer. Saat memulai lotre, hentikan lotre sebelumnya, jika tidak timer akan tumpang tindih.
3. Tekan operasi tombol, untuk menentukan apakah lotre sedang berlangsung atau tidak, semua bendera variabel diatur
Jika Anda ingin mempelajari lebih lanjut tentang fungsi lotre JavaScript, silakan merujuk ke topik ini: JavaScript mengimplementasikan fungsi lotre
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.