<div class="left"> <h3>Tanpa Throttle</h3> <div class="box" id="box-1">Gerakan pointer mouse di sini...</div> </div> <div class="right"> <h3>Dengan Throttle</h3> <div class="box" id="box-2">Gerakan pointer mouse di sini...</div> </div> <div style="clear:both;"></div>
var elem_1 = document.getElementById('box-1'), elem_2 = document.getElementById('box-2'); // Tanpa throttle elem_1.onmousemove = function () { this.innerHTML += ' test!'; }; // Throttle 1 detik sekali var delay = 1000, // 1 detik previousCall = new Date().getTime(); // waktu kadaluarsa pertama elem_2.onmousemove = function () { var time = new Date().getTime(); // Bandingkan antara waktu terakhir kali eksekusi dengan waktu setiap kali event bekerja. // Jika selisihnya sudah mencapai/melebihi `delay`, sisipkan teks "test!" if ((time - previousCall) >= delay) { previousCall = time; // set ulang waktu kadaluarsa this.innerHTML += ' test!'; } };