定时器（简单的进行封装）

1.定时器的分类

到时间才会执行

• 延迟定时器：多长时间之后执行一次 例如：广告弹出

• 间歇性定时器（轮循）:间隔多长时间执行一次 例如：倒计时,轮播图...

2.设置定时器

• 延迟定时器：setTimeout(函数,时间);

  • 函数：实名函数 、匿名函数

  • 时间：单位ms (省略单位) 1s = 1000ms;

// 获取元素
var aImg = document.getElementsByTagName("img")[0];
var span = document.getElementsByTagName("span")[0];


// 设置定时器
setTimeout(function(){
    aImg.style.display = "block";
    span.style.display = "block";
},5000);

// 点击关闭
span.onclick = function(){
    aImg.style.display = "none";
    this.style.display = "none";
}

 

间歇性定时器（轮循）:setInterval(函数,时间);

• 函数：实名函数 、匿名函数

• 时间：单位ms (省略单位) 1s = 1000ms;

// 获取元素
var span = document.getE