Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Нужно посчитать сколько времени курсор находится в соответствующей точке (https://javascript.ru/forum/misc/39777-nuzhno-poschitat-skolko-vremeni-kursor-nakhoditsya-v-sootvetstvuyushhejj-tochke.html)

remember_me 11.07.2013 16:19

Нужно посчитать сколько времени курсор находится в соответствующей точке
 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
var mouse = [0, 0]
var m = new Array();

function getMouse(e){
	mouse[0] = e.pageX;
	mouse[1] = e.pageY;
	
	if (mouse[0] < 0){mouse[0] = 0}
	if (mouse[1] < 0){mouse[1] = 0}
	m.push([mouse[0], mouse[1]]);

	return true;
}


</script>
</head>
<body>
<script>
$(document).ready(function(){
	$(document).mousemove(getMouse);
	setTimeout(function(){
		$('#out').append(m+'<br>');
		$.post('server.php',m);
		m.length=0;
	},4000);
});
</script>
<div id='out'></div>
</body>
</html>

здесь я считаю координаты курсора, заношу эти координаты в массив и вывожу (для проверки).Думал что можно посчитать время и заносить его как третью координату массива m. Помогите плс!!!!

danik.js 11.07.2013 16:45

Запоминаешь начальное время через new Date()
Потом находишь разницу через new Date() - lastDate

ОлегА 11.07.2013 16:59

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
var mouse = [0, 0]
var m = new Array();
var dateObj = new Date();
var firstTime = dateObj.getTime();

function getMouse(e){
    dateObj = new Date();
    time = dateObj.getTime() - firstTime; // считает милисекунды
    firstTime = dateObj.getTime();

	mouse[0] = e.pageX;
	mouse[1] = e.pageY;
	
	if (mouse[0] < 0){mouse[0] = 0}
	if (mouse[1] < 0){mouse[1] = 0}
	m.push([mouse[0], mouse[1], time]);

	return true;
}


</script>
</head>
<body>
<script>
$(document).ready(function(){
	$(document).mousemove(getMouse);
	setTimeout(function(){
		$('#out').append(m+'<br>');
		$.post('server.php',m);
		m.length=0;
	},4000);
});
</script>
<div id='out'></div>
</body>
</html>

remember_me 11.07.2013 17:07

ОлегА,
Спасибо, делал все то же кроме етой строки
time = dateObj.getTime() - firstTime;
firstTime = dateObj.getTime(); //<----
mouse[0] = e.pageX;
mouse[1] = e.pageY;

ОлегА 12.07.2013 09:14

remember_me, так текущее время тогда у вас обнуляться не будет и всегда время firstTime будет статичным


Часовой пояс GMT +3, время: 01:27.