happymishra/throttle.html

## throttle.html
<html>

    <body>
        <button id="click-btn">Click me!</button>
    </body>

    <script>
        var timerId;
        var clickBtn = document.getElementById('click-btn');

        var clickFunction = function () {
            console.log("No matter how many times you click me," +
                "I will be called only 1 time in 1 second!")
        }

        var throttleFunction = function (func, delay) {
            if (timerId) {
                return
            }

            timerId = setTimeout(function () {
                func()
                timerId = undefined;
            }, 1000)
        }


        clickBtn.addEventListener('click', function () {
            throttleFunction(clickFunction, 200)
        })


    </script>

</html>
	<html>

	<body>
	<button id="click-btn">Click me!</button>
	</body>

	<script>
	var timerId;
	var clickBtn = document.getElementById('click-btn');

	var clickFunction = function () {
	console.log("No matter how many times you click me," +
	"I will be called only 1 time in 1 second!")
	}

	var throttleFunction = function (func, delay) {
	if (timerId) {
	return
	}

	timerId = setTimeout(function () {
	func()
	timerId = undefined;
	}, 1000)
	}


	clickBtn.addEventListener('click', function () {
	throttleFunction(clickFunction, 200)
	})


	</script>

	</html>