📄 speed.htm
字号:
<html>
<head>
<title>
测试点击速度
</title>
<script LANGUAGE="JavaScript">
<!-- Begin
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) //如果点击的时间已经过了20秒
{
element.checked = !element.checked//则点击无效
alert("时间到,看一看您点击了多少个？");
return
}
if(element.checked)
total++ //如果选中，则选中个数加1
else
total-- //否则若再次点击已经选中的复选框，则该复选框为未选中状态，选中个数减1
element.form.num.value = total//显示目前的选中复选框的总数
}
//初始化各个参数
function restart(form)
{
total = 0//总点击个数为0
play = false
//设置各个复选框未选中
for(var i = 1; i <= 100; ++i)
{
form.elements[i].checked = false
}
form.num.value = total//设置编辑框中个数为0
}
// End -->
</script>
</head>
<body bgcolor="999900">
<center>
<font color="00dddd">
试一试，看看你能在20秒内点击多少个复选框？
</font>
</center>
<script LANGUAGE="JavaScript">
<!-- Begin
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%>")
//画10*10的复选框
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>")//每10个换行
}
document.write("<HR SIZE=1 WIDTH=40%>")
document.write('<INPUT TYPE="button" VALUE="Click To Start"');//开始按钮
document.write('onClick="restart(this.form)">')
document.write("</CENTER></FORM>")
// End -->
</script>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -