setinterval и clearinterval не работают должным образом

Question

setinterval и clearinterval не работают должным образом

0

Я создаю приложение для смартфона samsung. В том, что я хочу, чтобы строка тома появлялась в течение 5 секунд после этого, она должна скрываться. Если пользователь непрерывно нажимает громкость, он должен скрываться через 5 секунд, когда пользователь перестает нажимать кнопку. Я пробовал вот так:

var vt;
    if($("#volume").css('display')=='none'){
        $("#volume").show(); 
        vt=setInterval(function(){$("#volume").hide();},5000);

    }
    else{
        clearInterval(vt);
        vt=setInterval(function(){$("#volume").hide();},5000);
    }

когда пользователь нажимает кнопку, он не очищает интервал, а создает экземпляр для каждого щелчка

Priya 07 нояб. 2013, в 07:15

Источник

2

Возможно, вам придется использовать setTimeout () вместо setInterval
Praveen 07 нояб. 2013, в 05:30
2

попробуйте settimeout вместо setinterval.
codebreaker 07 нояб. 2013, в 05:30

Теги:

javascript

jquery

2 ответа

0

Это сложное решение, выбранное из библиотеки подчеркивания.

var debounce = function(func, wait, immediate) {
    var timeout, result;
    return function() {
        var context = this, args = arguments;
        var later = function() {
            timeout = null;
            if (!immediate) {
                result = func.apply(context, args);
            }
        };
        var callNow = immediate && !timeout;
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
        if (callNow) {
            result = func.apply(context, args);
        }
        return result;
    };
};


var clickHandler = function(){
    $("#volume").hide();
}

var debouncedClickHandler = debounce(clickHandler, 5000);

$('body').on('click', debouncedClickHandler) //change this line to your click handler

Теперь вам не нужно ничего делать, clickHandler будет вызван только после 5 секундной задержки от последнего вызова debouncedClickHandler

Ravi Hamsa 07 нояб. 2013, в 03:43

Ещё вопросы

Возможно, вам придется использовать setTimeout () вместо setInterval

Praveen · Accepted Answer · 2013-11-07T03-14-00.000Z

Попробуй это:

if($("#volume").css('display')=='none'){
    $("#volume").show(); 
    vt = setTimeout(function(){$("#volume").hide();},5000);
}
else{
    clearTimeout(vt);
    vt = setTimeout(function(){$("#volume").hide();},5000);
}