mdui实现一个cps点击速度测试代码-html代码-BFW代码库

mdui实现一个cps点击速度测试代码

代码语言：html

所属分类：游戏

代码描述：mdui实现一个cps点击速度测试代码，看看谁的手快。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE HTML>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>CPS测试</title>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/mdui.min.css">
</head>

<body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-theme-layout-auto">
    <div class="mdui-container">
        <br>
        <center>
            <div class="mdui-chip"> <span class="mdui-text-center mdui-chip-title">这是一个CPS测试网页</span> </div>
            <div class="mdui-card mdui-m-t-1" style="width: 60%;min-width: 300px;">
                <div class="mdui-card-content"><i class="mdui-icon material-icons mdui-text-color-red mdui-m-b-2">error</i> tips:点击按钮就开始测试了！</div>
                <div id="match" style="display: block;"> 剩余时间：<span id="time">10</span>s 点击次数：<span id="times">0</span>次
                    <div class="mdui-col mdui-p-l-2 mdui-m-t-1 mdui-p-r-2 mdui-m-b-4" style="max-width: 500px;">
                        <button id="start" onclick="start()" class="mdui-btn mdui-btn-raised mdui-btn-block mdui-color-theme-accent" style="height: 100px;">
      <h1>开始</h1>
      </button>
                    </div>
                </div>
                <div id="match1" style="display:none">
                    <h3>测试结束</h3>
                    <h4>您的CPS为：<span id="match2">Null</span></h4>
                    <br>
                    <h4>该成绩为10秒平均点击速率。</h4>
                    <button onclick="document.getElementById('match1').style.display='none';document.getElementById('match').style.display='block';document.getElementById('times').innerHTML = 0;jc = 0;" class="mdui-btn mdui-btn-raised mdui-color-theme-accent mdui-m-b-2">重新测试</button>
                </div>
                <br> Powered By KlpBBS
                <div class="mdui-panel mdui-panel-gaple.........完整代码请登录后点击上方下载按钮下载查看