定时器在前端动画或一些特殊需求时被频繁使用，在前端开发中能起到定时作用的有setTimeout和setInterval。

本文就来详细根据案例说明setTimeout和setInterval的差异。

一、setInterval

    setInterval绝对是两个中使用最为频繁的，在大多数动画效果中都能看到它的影子。那么关于它要如何使用呢？

    定义：在每个给定的计时事件中重复一个代码块。

    1.1、语法及参数解析

setInterval(function, milliseconds);

    function - 包含代码块的函数

    milliseconds - 函数执行之间的时间间隔，注该时间已毫秒为单位

    1.2、使用案例

setInterval(function(){
	console.log("六月初博客站")
}, 1000);

    该案例实现效果为每个1秒执行一次打印：六月初博客站

    1.3、该方法常见使用场景

    定时轮播图，页面中实时每秒显示时间、倒计时、指定时间循环定时操作等。

    1.4、清除定时器

//创建定时器
let inter = sesetInterval (function(){
	console.log("六月初工具站")
},1000)
//清除定时器
 clearInterval(inter)

二、setTimeout

    该方法为指定的毫秒数后调用函数或计算表达式。简单的说在指定时间后，开始执行需要的动作。如：打开页面后，指定10秒后关闭页面。

    2.1、语法及参数

setTimeout(code,millisec)

    code （必需）：要调用的函数后要执行的 JavaScript 代码串。

    millisec（必需）：在执行代码前需等待的毫秒数。

    2.2、案例说明，打开页面后，3秒后执行打印操作。

setTimeout(function(){
	console.log("执行成功")
},3000)

注：setInterval和setTimeout主要差异于setInterval用于循环，setTimeout在指定时间后进行执行操作且只执行一次。