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-gapless mdui-m-t-1" mdui-panel>
<div class="mdui-panel-item">
<div class="mdui-panel-item-header">更多操作选项 <i class="mdui-panel-item-arrow mdui-icon material-icons">keyboard_arrow_down</i> </div>
<div class="mdui-panel-item-body">
<div class="mdui-btn-group mdui-m-t-1">
<a href="javascript:history.back();">
<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent">返回前页</button>
</a>
</div>
<div class="mdui-btn-group mdui-m-t-1">
<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent" mdui-dialog="{target: '#aboutPages'}">关于本页</button>
</div>
</div>
</div>
</div>
</center>
<div class=.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0