定时器与延时器

定时器

重复做一件事情,执行n次

延时器

做一件事情,只执行1次

1.会把字符串当前js代码执行

setInterval('alert(123)' ,3000)

2.可以是一个函数

 function fn() {
    alert("456")
 }；
 setInterval(fn, 2000)
 

3.放置匿名函数

setInterval(function (str) {

    alert(str)
    
}, 3000 , "你好帅哦~" )

setInterval(1,2,3)

4、给开启按钮绑定点击事件

var timerId; 

oStart. onclick=function(){
//为了保证只有一个定时器在执行，清除上-次的定时器,没有定时器了
    clearInterval(timerId)
//然后开启一个新的定时器
    timerId=setInterval(function () {
    alert("|你好呀~,小哥哥~")
}, 5000);
    console. log(timerId);
}
//关闭
oStop. onclick=function(){
    clearInterval(timerId)
}

注意：clearInterva1和clearTimeout可以混着用

5、多个

getElementsByTagName   根据标签名称获取多个元素
var oBtns=document.getElementsByTagName ("button");
//开启延时器
oBtns [0]. onclick=function(){
    setTimeout (function (str) {
    alert(str)
}, 2000, "我是给匿名函数的str赋值")
}
    //关闭延时器
    oBtns [1] . onclick=function(){
    clearInterval(1);
}