Ich habe heute nichts zu tun und möchte ein simuliertes Tippspiel ausprobieren. Wenn Sie der Peripherie die Funktion setInterval hinzufügen, können Sie die Tippgeschwindigkeit testen.
html
<div class="wrapper"> <div id="text">A</div> <input type="text" id="ipt"> </div>
css
body, html { width: 100%; height: 100%; } .wrapper { width: 400px; margin: 20px auto; } div { font-size: 100px; font-weight: 900; text-align: center; } input{ width: 400px; margin: 20px auto; }
js
var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' var text = document.getElementById('text') var ipt = document.getElementById('ipt') var res; var newRes; var random = Math.round(Math.random() * 25); var count = 0 window.onkeyup = function (e) { var random = Math.round(Math.random() * 25); newRes = str[random] res = text.innerHTML text.innerHTML = newRes if(e.keyCode == res.charCodeAt(0)){ count++; ipt.value = ''; }else{ alert('game over' + ' ' +'您的得分是'+ ':' + count) count = 0; ipt.value = ''; } }
Verwandte Empfehlungen: [JavaScript-Video-Tutorial]
Das obige ist der detaillierte Inhalt vonVerwenden Sie JavaScript, um Tippspiele zu simulieren!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!