js中两种定时器setTimeout和setInterval

js中两种定时器setTimeout和setInterval

开发工具与关键技术：DW 、Js
作者：李宥良
撰写时间：2019年1月17日

定时器的用法非常之普遍，一般动态变化的效果都会用到定时器；定时器分为setTimeout和setInterval
下面是方法和描述

计时器类型：

一、setTimeout(对象)

setTimeout()计时器：在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

setTimeout()计时器：仅在指定的延迟时间之后触发一次。

图片描述：一个简单的 HTML ，包含了一个

setTimeout()用法：
指定的延迟时间之后来执行代码setTimeout(代码,延迟时间);

当我点击starting2的时候，隔一秒后它就会弹出提示框

参数说明：

    1. 要调用的函数或要执行的代码串。

    2. 延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms)。

二、setInterval(对象)
间隔性触发计时器：每隔一定的时间间隔就触发一次
setInterval()计时器：在执行时,从载入页面后每隔指定的时间执行代码。

用法：

指每隔一定的时间之后来执行代码setInterval(代码, 间隔时间)

点击starting的时候就会开始计数，

参数说明：

  1. 代码：要调用的函数或要执行的代码串。

  2. 间隔时间：周期性执行或调用表达式之间的时间间隔以毫秒为单位（1s=1000ms）

调用函数

取消clearInterval的方法
clearInterval(对象) 取消setInterval的设置