用JavaScript编写网页-反应测试

最新推荐文章于 2024-08-22 10:47:09 发布

原创

最新推荐文章于 2024-08-22 10:47:09 发布 · 1.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #CSS #JavaScript

本文介绍了如何使用JavaScript创建一个类似打地鼠的反应测试游戏。游戏中的图形会在页面上随机位置、随机形状和颜色出现，玩家需要快速点击，一旦点击，图形消失，并记录下点击的反应时间。

制作工具：FireFox、TextWrangler
类似于打地鼠游戏，图形会在随机位置出现，生成随机的形状和颜色，鼠标点击后消失，会计算出你点击反应的时间

HTML文件代码

<!doctype html>
<html>
<head>
    <title>Learning JavaScript</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <style>
        body {
            font-family:Verdana,Geneva,sans-serif;
        }
        #box {
            width: