klpbbs的cps测速源码

<!DOCTYPE html>
2. <!DOCTYPE HTML>
3. <html lang="zh-cn">
4. <head>
5. <meta charset="utf-8">
6. <meta name="viewport" content="width=device-width, initial-scale=1">
7. <meta name="keywords" content="CPS测试,点击速度测试,手速测试,免费测试">
8. <meta name="description" content="CPS测试,点击速度测试,手速测试,免费测试">
9. <title>CPS测试</title>
10. <link
11. rel="stylesheet"
12. href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
13. integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
14. crossorigin="anonymous"
15. />
16. </head>
17. <body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-theme-layout-auto">
18. <div class="mdui-container">
19. <br>
20. <center>
21. <div class="mdui-chip">
22. <span class="mdui-text-center mdui-chip-title">这是一个CPS测试网页</span>
23. </div>
24. <div class="mdui-card mdui-m-t-1" style="width: 60%;min-width: 300px;">
25. <div class="mdui-card-content">tips:点击按钮就开始测试了！</div>
26. <div id="match" style="display: block;">
27. 剩余时间：<span id="time">10</span>s 点击次数：<span id="times">0</span>次
28. <div class="mdui-col mdui-p-l-2 mdui-m-t-1 mdui-p-r-2 mdui-m-b-4" style="max-width: 500px;">
29. <button id="start" onclick="start()" class="mdui-btn mdui-btn-raised mdui-btn-block mdui-color-theme-accent" style="height: 100px;"><h1>开始</h1></button>
30. </div>
31. </div>
32. <div id="match1" style="display:none">
33. <h3>测试结束</h3>
34. <h4>您的CPS为：<span id="match2">Null</span></h4>
35. <br>
36. <h4>该成绩为10秒平均点击速率。</h4>
37. <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>
38. </div>
39. <br>
40. Powered By KlpBBS
41. <div class="mdui-panel mdui-panel-gapless mdui-m-t-1" mdui-panel>
42. <div class="mdui-panel-item">
43. <div class="mdui-panel-item-header">更多操作选项
44. <i class="mdui-panel-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
45. </div>
46. <div class="mdui-panel-item-body">
47. <div class="mdui-btn-group mdui-m-t-1">
48. <a href="javascript:history.back();"><button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent">返回前页</button></a>
49. <a href="/"><button class="mdui-m-l-1 mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent">返回首页</button></a>
50. </div>
51. <div class="mdui-btn-group mdui-m-t-1">
52. <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent" mdui-dialog="{target: '#aboutPages'}">关于本页</button>
53. </div>
54. </div>
55. </div>
56. </div>
57. </center>
58. <div class="mdui-dialog" id="aboutPages">
59. <div class="mdui-dialog-title">关于 About</div>
60. <div class="mdui-dialog-content">本页面由 @苦力怕纸开发<br>框架使用开源项目：MDUI<br>本页仓库：<a href="https://github.com/klpbbs/CPS-Test" target="_black">CPS-Test</a><br>苦力怕论坛，有你更精彩~</div>
61. <div class="mdui-dialog-actions">
62. <button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭 Off</button>
63. </div>
64. </div>
65. </div>
66. <script>
67. var jc = 0
68. function start(){
69. var times =document.getElementById('times');
70. if (jc == 0){
71. id = window.setInterval("time()",1000);
72. document.getElementById('start').innerHTML = "<h1>点我</h1>";
73. }
74. if (document.getElementById("time").innerHTML != "No time"){
75. jc = jc + 1;
76. times.innerHTML = jc;
77. }else{
78. }
79. }
82. function time(){
83. var time = document.getElementById("time");
84. if (time.innerHTML == 0){
85. time.innerHTML = "No time" ;
86. document.getElementById('match').style.display="none";
87. document.getElementById('match1').style.display="block";
88. var times = document.getElementById('times').innerHTML;
89. document.getElementById('match2').innerHTML = times / 10;
90. clearInterval(id);
91. }else{
92. time.innerHTML = time.innerHTML-1;
93. }
94. if (time.innerHTML == 5){
95. document.getElementById('start').innerHTML = "<h1>还有5秒！</h1>";
96. }
97. if(time.innerHTML == 3){
98. document.getElementById('start').innerHTML = "<h1>还有3秒！</h1>";
99. }
100. if(time.innerHTML == 2){
101. document.getElementById('start').innerHTML = "<h1>还有2秒！</h1>";
102. }
103. if(time.innerHTML == 1){
104. document.getElementById('start').innerHTML = "<h1>还有1秒！</h1>";
105. }
106. if(time.innerHTML == 0){
107. document.getElementById('start').innerHTML = "<h1>快！</h1>";
108. }
109. if(time.innerHTML == "No time"){
110. document.getElementById('start').innerHTML = "<h1>开始！</h1>";
111. time.innerHTML = 10 ;
112. }
113. if(time.innerHTML == 4){
114. document.getElementById('start').innerHTML = "<h1>加油！</h1>";
115. }
116. }
117. </script>
118. <script
119. src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
120. integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
121. crossorigin="anonymous"
122. ></script>
123. </body>
124. </html>

单击此处返回首页

单击此处返回顶部