Как можно отобразить Скорость печати с помощью JavaScript или библиотеки jQuery?
commitOffsets: последние успешно зафиксированные смещения для Kafka для каждого раздела. Метрика конкретного раздела может быть указана по имени темы и идентификатору раздела.
currentOffsets: текущее смещение чтения потребителя для каждого раздела. Метрика конкретного раздела может быть указана по имени темы и идентификатору раздела.
3 ответа
Вот протестированная реализация, которая кажется хорошо, но я не гарантирую математику.
Демонстрация: http://jsfiddle.net/iaezzy/pLpx5oLf/
И код:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Type Speed</title>
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<style type="text/css">
form {
margin: 20px auto;
width: 500px;
}
#textariffic {
width: 400px;
height: 400px;
font-size: 12px;
font-family: monospace;
line-height: 15px;
}
</style>
<script type="text/javascript">
$(function() {
$('textarea')
.keyup(checkSpeed);
});
var iLastTime = 0;
var iTime = 0;
var iTotal = 0;
var iKeys = 0;
function checkSpeed() {
iTime = new Date().getTime();
if (iLastTime != 0) {
iKeys++;
iTotal += iTime - iLastTime;
iWords = $('textarea').val().split(/\s/).length;
$('#CPM').html(Math.round(iKeys / iTotal * 6000, 2));
$('#WPM').html(Math.round(iWords / iTotal * 6000, 2));
}
iLastTime = iTime;
}
</script>
</head>
<body>
<form id="tipper">
<textarea id="textariffic"></textarea>
<p>
<span class="label">CPM</span>
<span id="CPM">0</span>
</p>
<p>
<span class="label">WPM</span>
<span id="WPM">0</span>
</p>
</form>
</body>
</html>
Скорость печати обычно вычисляется в словах в минуту минус штраф за опечатки. Сделать это, кажется на необходимость во встроенной программе проверки правописания по крайней мере плюс некоторый тяжелый подъем для языков и схем кодирования. (И затем это начинает быть сложным; когда часы запускаются, например? Что Вы делаете о людях, которые вводят код? Как насчет копии-и-вставки?)
ужасно простая, непротестированная реализация:
var lastrun = new Date();
textarea.onkeyup = function() {
var words = textarea.value.split(' ');
var minutes_since_last_check = somefunctiontogetminutesdifference(new Date(), lastrun);
var wpm = (words.length-1)/minutes_since_last_check;
//show the wpm in a div or something
};