1.1 setTimeout 超时调用 / setInterval 间歇调用

  1. <script>
  2. /* window的方法 */
  3. /*
  4. setTimeout间隔一定的时间触发,并且只有触发一次
  5. */
  6. setTimeout(function(){
  7. console.log("hello")
  8. },1000)
  9. /* setInterval间隔一定的时间重复触发 */
  10. setInterval(function(){
  11. console.log("world")
  12. },2000)
  13. </script>
  1. <button id="btn">3</button>
  2. <script>
  3. /* 递归:函数调用函数自身 */
  4. var btn = document.getElementById("btn");
  5. var num = 3;
  6. function go() {
  7. setTimeout(function () {
  8. num--; //
  9. if (num >= 0) {
  10. btn.innerHTML = num;
  11. go();
  12. }
  13. }, 1000)
  14. }
  15. go();
  16. </script>

1.2 清除定时器

clearInterval()

  1. <button id="clear">清除定时器</button>
  2. <script>
  3. var timer = setInterval(function(){
  4. console.log("world")
  5. },1000)
  6. // console.log(timer)
  7. var clear = document.getElementById("clear");
  8. clear.onclick = function(){
  9. clearInterval(timer);
  10. }
  11. </script>