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 = throttle_defer(count,1000);

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

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


/**
 * @name 【函数节流】-立即执行版（时间戳）
 * @param func 目标函数
 * @param wait 延迟执行毫秒数
 */

function throttle_immediate(func, wait) {
  var previous = 0;
  return function() {
    var now = Date.now();
    var context = this; // 用来下面修改this指向
    var args = arguments; // arguments中存着event
    if (now - previous > wait) {
      func.apply(context, args);
      previous = now;
    }
  }
}


/**
 * @name 【函数节流】-延迟执行（定时器版）
 * @param func 目标函数
 * @param wait 延迟执行毫秒数
 */

function throttle_defer(func, wait) {
  var timer;
  return function() {
    var context = this; // 用来下面修改this指向
    var args = arguments; // arguments中存着event
    if (!timer) {
      timer = setTimeout(() => {
        timer = null;
        func.apply(context, args)
      }, wait)
    }
  }
}



/**
 * @desc 【函数节流】-合成版
 * @param func 函数
 * @param wait 延迟执行毫秒数
 * @param immediate true - 立即执行（时间戳版）， false - 延迟执行（定时器版）
 */

function throttle(func, wait, immediate) {
  if (immediate) {
    var previous = 0;
  } else {
    var timer;
  }
  return function() {
    var context = this;
    var args = arguments;
    var args2 = Array.prototype.slice.call(arguments, 1);

    console.log('this', this);
    console.log('arguments', arguments);
    console.log('args2', args2);

    if (immediate) {
      var now = Date.now();

      if (now - previous > wait) {
        func.apply(context, args);
        previous = now;
      }
    } else {
      if (!timer) {
        timer = setTimeout(() => {
          timer = null;
          func.apply(context, args)
        }, wait)
      }
    }
  }
}