Задать вопрос
@kallifan
javascript

Выполнение функции если курсор мыши находится на объекте больше n-го времени, как?

Всем привет. Помогите пожалуйста до писать скрипт. Нужно в итоге если курсор мыши находится на элементе например 500мс то выполняется такая-то функция. Текущая версия скрипта такая...
$(function(){
  var $elems = $('li');

  $elems.each(function(){
  	var $el = $(this),
    		time = 0;
  
    $el.on({
    	mouseenter: function(){
      	time = Date.now();
      }
    });
  });
});
  • Вопрос задан
  • 248 просмотров
7 комментариев
Подписаться 1 Оценить 7 комментариев
Решения вопроса 1
@OVK2015 
<!DOCTYPE html> 
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<title></title>
		<style>
			.divItem
			{
				width: 200px;
				height: 50px;
				text-align: center;
				border: 1px solid darkgray;
				border-radius: 5px;
				cursor: pointer;
			}
			.active
			{
				background-color: green;
			}
		</style>
	</head>
	<body>
		<div class="divItem" id="item1">Item1</div>
		<div class="divItem" id="item2">Item2</div>
		<div class="divItem" id="item3">Item3</div>
		<div class="divItem" id="item4">Item4</div>		
	</body>
	<script type="text/javascript" src ="http://localhost/Script/js/jQuery/jquery-1.11.2.min.js">
	</script>
	<script type="text/javascript">		
		var funcHandlers = {};
		function intervalHandle(id)
		{
                       delete funcHandlers[id];
			$('.divItem').removeClass('active');
			$('#' + id).addClass('active');
		}

		function mouseIn(event)
		{
			var funcHandler = setTimeout(intervalHandle, 1000, $(this).attr('id'));			
			funcHandlers[$(this).attr('id')] = funcHandler;
		}

		function mouseOut(event)
		{
			$('.divItem').removeClass('active');
			clearTimeout(funcHandlers[$(this).attr('id')]);
			delete funcHandlers[$(this).attr('id')];
		}

		$(document).ready(function()
		{				
			$('.divItem').bind('mouseenter', mouseIn);
			$('.divItem').bind('mouseleave', mouseOut);
		});	
	</script>
</html>
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 1
@lega
jsfiddle.net/lega911/hfk35u00
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать игру Дурак на Unity
11 мая 2024, в 06:09
30000 руб./за проект
Доработать обмен заказами 1с
11 мая 2024, в 00:19
1000 руб./за проект
Разработка сайта (верстка)
10 мая 2024, в 23:51
30000 руб./за проект
Ещё заказы