当前位置:首页 » 网络教程 » 正文

网络教程:分享一个js小游戏源代码!

603 人参与  2017年08月18日 22:15  分类 : 网络教程  评论


js小游戏源代码,测试你控制鼠标的技巧,看看你的鼠标有多棒,看看20秒内你能选中多少个框!

1234.png

<script type="text/javascript">
var total = 0
var play = false
function display(element) {
var now = new Date()
if (!play) {
play = true
startTime = now.getTime()}
if (now.getTime() - startTime > 20000) {
alert("时间到!");
element.checked = !element.checked
return
}
 if (element.checked)
total++
else
total--
element.form.num.value = total
}
function restart(form) {
total = 0
play = false
for (var i = 1; i <= 100; ++i) {
 form.elements[i].checked = false
   }
}
</script>

<CENTER>测试你控制鼠标的技巧,看看你的鼠标有多棒,看看20秒内你能选中多少个框</CENTER>
<script type="text/javascript">
document.write("<FORM><CENTER>")
document.write('<INPUT TYPE="text" VALUE="0" ');
document.write('NAME="num" SIZE=10 onFocus="this.blur()"><BR>')
document.write("<HR SIZE=1 WIDTH=40%>")
for (var i = 0; i < 10; ++i) {
for (var j = 0; j < 10; ++j) {
document.write('<INPUT TYPE="checkbox" ');
document.write('onClick="display(this)">')}
document.write("<BR>")}
document.write("<HR SIZE=1 WIDTH=40%>")
document.write('<INPUT TYPE="button" VALUE="重来" ');
document.write('onClick="restart(this.form)">')
document.write("</CENTER></FORM>")
</script>


来源:皇族网(微信公众号:新皇族网),转载请保留出处和链接!

本文链接:https://huangzuw.com/post/66.html

本文标签:网络教程  

<< 上一篇 下一篇 >>

  • 评论(0)
  • 相关文章

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

© 2017 皇族网版权所有粤ICP备17025864号-2

Top

分享:

支付宝

微信