JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<input class='search' type="text" placeholder='поиск'>
<div class="res"></div>

CSS

.search, .res {
    font-size: 16pt;
}

.res {
    width: 275px;
    height: 18pt;
    margin-top: 50px;
    outline: 2px solid black;
}

JavaScript

var val = '';
var buf = '';
var intevalSearch;

var getResult = function() {
    if (buf != val) {
        buf = val;
        $('.res').text(val);
        alert('interval');
    }
}

$('.search')
.on('keyup change', function() {
    val = $(this).val();
})
.on('focusin', function() {
    intevalSearch = setInterval(getResult, 2000);
})
.on('focusout', function() {
    clearInterval(intevalSearch);
});