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

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

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

  $elems.each(function(){
  	var $el = $(this),
    		time = 0;
  
    $el.on({
    	mouseenter: function(){
      	time = Date.now();
      }
    });
  });
});
  • Вопрос задан
  • 256 просмотров
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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Редизайн и доработка интернет магазина на wordPress
25 нояб. 2024, в 23:42
50000 руб./за проект
Разработка мобильного приложения с дополненной реальностью (AR)
25 нояб. 2024, в 23:32
200000 руб./за проект
Правка вёрстки Wordpress
25 нояб. 2024, в 23:17
1000 руб./за проект
Ещё заказы