js里的setinterval和setTimeout()

Window.setinterval()：用于频率自动调用js函数，比如每隔n毫秒调用某函数

Window.clearInterval()：取消setinterval()  周期频率执行函数

下面的例子是前端时间显示：

<form>
   <input type="text" id="clock" size="35"/>
   <script language=javascript>
      function clock(){
          var t=new Date();
          document.getElementById("clock").value = t;
      }
	  var task=window.setInterval("clock()", 50);
   </script>
</form>
<button οnclick="task=window.clearInterval(task)">Stopinterval</button>

setTimeout()：延迟执行函数

clearTimeout()：取消延迟执行

<form>
   <input type="text" id="clock" size="35"/>
   <script language=javascript>
	  // 时钟
      function clock(){
          var t=new Date();
          document.getElementById("clock").value = t;
      }
	  var task=window.setInterval("clock()", 50);
	  
	  // 进入页面5s后alert提醒时间
	  function page_list(){
		alert(new Date());
	  }
      var timeout = setTimeout(page_list,5000);  //表示延时5秒执行page_list()函数
   </script>
</form>
<button οnclick="task=window.clearInterval(task)">Stopinterval</button>
<button οnclick="timeout=clearTimeout(timeout)">StopTimeout</button>

应用场景：

1.定时刷新页面某部分到的接口数据时可以用 setinterval() 和对应的 clearInterval()

2.在判断鼠标悬停一定时间再处理的函数里，可以在mouseover的触发函数里写上setTimeout() 延迟调用处理函数。在mouseleave的触发函数里clearTimeout() 清除掉延时执行。

其他应用场景可以针对性的选择。