Остановить тайм-аут, когда пользователь нажимает и удерживает изображение ⇐ Jquery

[Anonymous]

У меня есть галерея, которая показывает пользователю фотографии в течение 5–5 секунд.

function slideSwitch() {
var current = $('#slideshow .active');
current.removeClass('active');
if (current.next().length) {
current.next().addClass('active');
myInterval = setTimeout(slideSwitch, 5000);
bar();
}

}


http://jsfiddle.net/6hcste51/

Я хотел бы приостановить тайм-аут, когда пользователь щелкните и удерживайте держатель div.
Например, тайм-аут составляет 3 секунды, если пользователь щелкнет и удерживает держатель div, я бы хотел остановиться через 3 секунды, пока удержание не закончится, а затем перейти к 4 и 5 секунд для повторного вызова функции.

Я видел эту функцию, но не знаю, как добавить ее в свой слайдSwitch(). есть идеи?

selector.addEventListener('mousedown', function(event) {
// simulating hold event
setTimeout(function() {
// You are now in a `hold` state, you can do whatever you like!
}, 500);
}


Подробнее здесь: https://stackoverflow.com/questions/538 ... he-picture