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 onclick="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 onclick="task=window.clearInterval(task)">Stopinterval</button>
<button onclick="timeout=clearTimeout(timeout)">StopTimeout</button>

应用场景：

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

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

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