var num = 1;
var content = document.getElementById('content');

var lastDate = new Date().getTime();

function count() {
    content.innerHTML = num++;

    var nowDate = new Date().getTime();
    console.log('目标函数执行间隔时间', nowDate-lastDate); // 输出两次相隔执行时间差
    lastDate = nowDate;
};

// 不做处理
// content.onmousemove = count;

// 延迟执行版
// content.onmousemove = debounce_defer(count,1000);

// 立即执行版
// content.onmousemove = debounce_immediate(count,1000);

// 合成版 立即执行
content.onmousemove = debounce(count,1000, true);



/**
 * @name 【函数防抖】-延迟执行版
 * @param func 目标函数
 * @param wait 延迟执行毫秒数
 */

function debounce_defer(func, wait) {
  var timer;
  return function() {
    var context = this; // 用来下面修改this指向
    var args = arguments; // arguments中存着event

    if (timer) clearTimeout(timer);

    timer = setTimeout(function() {
      func.apply(this, args)
    }, wait)
  }
}



/**
 * @name 【函数防抖】-立即执行版
 * @param func 目标函数
 * @param wait 延迟执行毫秒数
 */

function debounce_immediate(func, wait) {
  var timer;
  return function() {
    var context = this; // 用来下面修改this指向
    var args = arguments; // arguments中存着event

    if (timer) clearTimeout(timer);
    
    var callNow = !timer;

    timer = setTimeout(function() {
      // 设置为null即下次callNow为true，即可实现下次执行。
      timer = null;
    }, wait)

    if (callNow) func.apply(context, args);
  }
}


/**
 * @name 【函数防抖】-合成版
 * @param func 目标函数
 * @param wait 延迟执行毫秒数
 * @param immediate true - 立即执行， false - 延迟执行
 */

function debounce(func, wait, immediate) {
  var timer;
  return function() {
    var context = this; // 用来下面修改this指向
    var args = arguments; // arguments中存着event
          
    if (timer) clearTimeout(timer);
    if (immediate) {
      var callNow = !timer;
      timer = setTimeout(function() {
        // 设置为null即下次callNow为true，即可实现下次执行。
        timer = null;
      }, wait);
      if (callNow) func.apply(context, args);
    } else {
      timer  = setTimeout(function() {
        func.apply(context, args);
      }, wait)
    }
  }
}