この記事では、JS宝くじプログラムを書くためのコードと注意事項を共有しています。興味のある友達はそれを参照できます。
コード:
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> simple lottery(キーボード利用可能)</title> <style> *{margin:0; padding:0;} .box {width:400px; height:300px; magrish aut autotle:ed} atle:300px; #fff; font-size:30px; font-weight:700px; padding:50px 0; text-align:center; height:40px;} .btm {text-align:center; padding:20px 0;} .btm 10px;テキストデコレーション:なし;} </style> <script> var data = ['iphone'、 'ipad'、 'lapbook'、 'camera'、 'recharge card'、 'sショッピングバウチャー']、タイマー= null、//タイマーフラグ= 0; stop = document.getElementById( 'stop'); // draw play.onclick = playfun; stop.onclick = stopfun; //キーボードイベントdocument.onkeyup = function(event){event = event || window.event; //入力キーのコード値: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'; }関数stopfun(){clearInterval(タイマー); var play = document.getElementById( 'play'); play.style.background = '#fef097'; }} </scrip> </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。乱数、配列の1つを取得します。 0-nを取る:math.random()*(n+1)
2。タイマー。宝くじを始めるときは、以前の宝くじを止めてください。そうしないと、タイマーが重複します。
3.キー操作を押して、宝くじが進行中のかどうかを判断するには、すべての可変フラグが設定されています
JavaScript宝くじの機能について詳しく知りたい場合は、このトピックを参照してください。JavaScriptは宝くじの機能を実装しています
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。