web API-day01-定时器（间歇函数）

标签：web 定时器 函数 setInterval day01 API 按钮 repeat 图片

目标：能够使用定时器函数重复执行代码

1.开启定时器

语法：

setInterval(函数,间隔时间)

举例说明：

function repeat() {
            console.log(`前端程序员,就是头发多咋的~~~`)
         }
         //每隔一秒调用repeat函数,函数名字不需要加括号，定时器返回的是一个id数字
         setInterval(repeat,1000)

2.关闭定时器

 

let 变量名 = setInterval(函数,间隔时间)
         clearInterval(变量名)

案例

倒计时效果 需求：按钮60秒之后才可以使用 案例 分析： ①：开始先把按钮禁用（disabled 属性） ②：一定要获取元素 ③：函数内处理逻辑 秒数开始减减 按钮里面的文字跟着一起变化 如果秒数等于0 停止定时器 里面文字变为 同意 最后 按钮可以点击 综合案例 网页轮播图效果 需求：每隔一秒钟切换一个图片 案例 分析： ①：获取元素（图片和文字） ②：设置定时器函数 设置一个变量++ 更改图片张数 更改文字信息 ③：处理图片自动复原从头播放 如果图片播放到最后一张就是第9张 则把变量重置为0 注意逻辑代码写到图片和文字变化的前面

标签：web,定时器,函数,setInterval,day01,API,按钮,repeat,图片
From： https://www.cnblogs.com/nefu-xiaoshuang/p/16951989.html