JSFiddle - React, Tailwind, and code Playground

HTML

Search: <input type="text" id="search_box" />
<div id="output"></div>

JavaScript

$(document).ready(function() {
    var timeout,
        $search_box = $('#search_box');
    
    $search_box.keyup(function() {
        if (timeout) {
            clearTimeout(timeout);
        }
        
        timeout = setTimeout(function() {
            search();
        }, 3000);
    });

    function search() {
        var search_txt = $search_box.val();
        $('#output').append('Search fired: "' + search_txt + '"<br />');
    }
});