Forum PHP.pl > [jQuery] Wykonanie skryptu po upływie określonego czasu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Wykonanie skryptu po upływie określonego czasu

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Regss

5.02.2014, 21:25:10

Mój skrypt poniżej. #search to pole input. Chciałbym aby po naciśnięciu dowolnej litery skrypt odczekał z wykonaniem części pobierającej dane za pomocą JSON przykładowo pół sekundy i jeśli nie nastąpi ponowne naciśnięcie klawisza dopiero wykonał funkcje pobierającą dane. Nie mogę sobie z tym kompletnie poradzić.

[HTML] pobierz, plaintext 
// live search
    $(document).on('keyup click', '#search', function() {
 
    var search = $(this).val();
 
        if (search.length > 0) {
            $.getJSON("function.js.php?option=search&search="+search, function(data){
                $('#panel_live_search').empty();
                for(var m in data) {
                    var movie = data[ m ];
                    $('#panel_live_search').append('\
                    <a href="index.php?id='+movie['id']+'">\
                        <div class="live_search_box" title="'+movie['title']+'">\
                            <img class="img_live_search" src="cache/'+movie['id']+'.jpg">\
                            <div class="live_search_title">'+movie['title']+'</div>\
                            <div class="live_search_orig_title">'+movie['originaltitle']+'</div>\
                            '+movie['year']+' | '+movie['rating']+' | '+movie['runtime']+' min. | '+movie['genre']+' | '+movie['country']+' | '+movie['director']+'\
                        </div>\
                    </a>');
                }
            });
        }
        $(document).click(function(){
            $('#panel_live_search').empty();
        });
    });
[HTML] pobierz, plaintext

kamil4u

5.02.2014, 21:51:00

- setTimeout
- clearTimeout

Kod

<button id="test">Jeśli mnie klikniesz masz 1s na zresetowanie mnie( ponowne kliknięcie ), inaczej pojawi się alert</button>
<script>
var time;
document.getElementById("test").onclick = function(){
clearTimeout( time );
time = setTimeout( function(){
alert("Czas minął - coś sobie robię");
}, 1000);
}
</script>

Regss

5.02.2014, 21:59:23

Jakie to proste... Dzięki, Pozdrawiam.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.