setTimeout实现setInterval

原理还是很简单的，就是在setTimeout中递归调用mySetInterval，但还是有细节要注意，如：

1. setTimeout第一个参数，调用函数要传字符串，如果直接传函数名，有2种情况：（1）当被调用函数没有参数时：运行正常。如：t = setTimeout(startCount, 500); （2）当被调用函数有参数时：被调用函数会立即执行，不会被回调。如：t = setTimeout(startCount(val), 500); 其实也是因为，函数加了括号，就会立即执行。
2. 要把setTimeout(fn, ms);的返回值存下来，clearTimeout()调用，才能清除定时任务。

所以正确的方法还是传字符串，当有参数时，用模版字符串。

测试代码：

<form action="">
  <input type="button" value='start' onclick='startCount(666)'>
  <input type="text" id="txt">
  <input type="button" value="stop" onclick="stopCount() ">
</form>

let c = 0, t = null;
function startCount(val) {
  document.getElementById('txt').value = ++c;
  if(c>50) {
    stopCount();
    return;
  }
  cc(val);
  t = setTimeout(`startCount(${val})`, 500);
}
function stopCount() {
  clearTimeout(t);
}

当你点一下 start 和 stop，是正常操作，当你多点几下 start 就会发现有趣的事情：增加的速度越来越快，而且结束时也不是51了，有种java多线程的感觉，其中原理还需要自己体会。