kamichidu/delayed-api-calling.html

## delayed-api-calling.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Input box and delayed api calling example</title>
</head>
<body>
    <input id="delay" type="text">
    <script>
        (function(){
            var query= document.getElementById('delay');
            var toId= null;
            var delay= 500;

            var callApi= function(){
                console.log('callApi', query.value);
            };

            var doDelayedQuery= function(evt){
                if(toId)
                {
                    clearTimeout(toId);
                    toId= null;
                }
                toId= setTimeout(callApi, delay);
            };

            query.addEventListener('input', doDelayedQuery, false);
        })();
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Input box and delayed api calling example</title>
	</head>
	<body>
	<input id="delay" type="text">
	<script>
	(function(){
	var query= document.getElementById('delay');
	var toId= null;
	var delay= 500;

	var callApi= function(){
	console.log('callApi', query.value);
	};

	var doDelayedQuery= function(evt){
	if(toId)
	{
	clearTimeout(toId);
	toId= null;
	}
	toId= setTimeout(callApi, delay);
	};

	query.addEventListener('input', doDelayedQuery, false);
	})();
	</script>
	</body>
	</html>