问题描述
我正在尝试提出一种计算动作频率的方法,更具体地说,是鼠标单击.
I'm trying to come up with a method for calculating frequency of an action, to be more specific, mouse clicks.
这就是我的想法(最好不是数学或解释,但我会尽力而为.)
This is what I have in my head (im not the best a maths or explaining but I'll try).
我希望用户能够达到每秒10次点击的平均点击频率,并且我想知道每1十分之一秒达到该目标的百分比.我快到了...我想但是,因为我将鼠标的点击次数重新设置为0,所以频率下降的幅度不是减小而是逐渐减小...
I expect a user to be able to reach an average click frequency of 10 clicks per second and I want to know what percentage of that target was achieved per 1 10th of a second. I am nearly there... I think but because I set the mouse clicks back down to 0, the frequency drops straight down instead of declining gradually...
这是我的位置,但目前我想的不是很清楚:-)
This is where I'm at but I'm not thinking clear at the moment :-)
var frequency = function( maxFrequency, milliseconds, callback ) {
var mouseDown = 0;
var loopCount = 1;
var frequentTap = new taps( $(window), 'frequency', function() {
mouseDown++;
});
var loop = setInterval( function() {
callback( mouseDown / ( maxFrequency ) );
if( loopCount % 10 === 0 ) mouseDown = 0;
loopCount++;
}, milliseconds );
this.stop = function(){
clearInterval( loop );
}
};
frequency( 10, 100, function( freq ) {
console.log(freq);
});
不要担心选项卡功能,只需假设它跟踪点击即可.
dont worry about the tabs function, just assume it tracks clicks.
非常感谢您的帮助
致谢
创建了一个插件(如果有人需要): http://luke.sno.wden.co. uk/v8
created a plugin if anyone requires it: http://luke.sno.wden.co.uk/v8
推荐答案
我正在以一种略有不同的方式来考虑-您可以存储单击鼠标的时间戳,然后根据您的时间戳进行计算已存储.
I was thinking about this in a slightly different way--you could store timestamps at which the mouse was clicked, and then do your calculation based on the timestamps you have stored.
下面的可运行示例:
var frequency = function(maxFrequency, milliseconds, updateFrequency, callback ) {
var timeTotal = 0;
var clickTimes = [];
var numberOfMilliseconds = milliseconds;
document.addEventListener("click", function() {
var currentTime = (new Date()).getTime(); //get time in ms
//add the current time to the array and the counter
timeTotal += currentTime;
clickTimes.push(currentTime);
});
setInterval(function() {
var currentTime = (new Date()).getTime(); //get time in ms
//remove any items that occurred more than milliseconds limit ago
while(clickTimes.length && (currentTime - clickTimes[0] > milliseconds)) {
timeTotal -= clickTimes.shift();
}
if (clickTimes.length > 0) {
numberOfMilliseconds = clickTimes[clickTimes.length - 1] - clickTimes[0];
} else {
numberOfMilliseconds = milliseconds;
}
callback(numberOfMilliseconds, clickTimes.length, (clickTimes.length * 100 / maxFrequency).toFixed(0));
}, updateFrequency);
};
frequency(10, 1000, 100, function(milliseconds, numberOfClicks, targetPercentage) {
document.getElementById("numberOfMilliseconds").innerHTML = milliseconds;
document.getElementById("numberOfClicks").innerHTML = numberOfClicks;
document.getElementById("targetPercentage").innerHTML = targetPercentage;
});
<h1>Click anywhere in the document</h1>
You've clicked <span id="numberOfClicks">0</span> times in the past <span id="numberOfMilliseconds">0</span> milliseconds<br/>
This is <span id="targetPercentage">0</span>% of your target.
这篇关于点击频率计算的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!