有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

js 设置定时器和清除定时器

javascript cat 10个月前 (11-22) 60次浏览 已收录 0个评论 扫描二维码

1、定时器

1、setTimeout

超时定时器,延迟执行,延迟某个特定的时间开始执行,只执行一次

作用:一般用于咨询弹框、网站广告弹窗等相关操作

设置定时器:var 定时器引用 = setTimeout(函数, 时间毫秒);

清除定时器:clearTimeout(定时器引用)

超时定时器demo:

        var btn = document.querySelector('button');

        // 设置定时器
        var timer = setTimeout(function () {
            console.log('轰,爆炸了');
        }, 3000);

        // 清除定时器
        btn.onclick = function () {
            clearTimeout(timer);
        }

2、setInterval

 

间歇定时器,间歇执行,即隔某个时间就执行一次

作用:一般用于轮播图、倒计时、抽奖等相关操作

设置定时器:var 定时器引用 = setInterval(函数, 时间毫秒);

清除定时器:clearInterval(定时器引用)

间歇定时器demo:

        var n = 0;
        var timer = setInterval(function () {
            n++;
            console.log(n);

            // 如果打到10了之后,就清定时器
            if (n >= 10) {
                clearInterval(timer);  //清除定时器
            }
        }, 1000);

 3、定时器中的问题

// 1、定时器中的this就是window
setTimeout(function () {
    console.log(this); // Window 
}, 3000);

// 2、定时器是一个异步
// 异步是在所有同步的后面执行
setTimeout(function () {
    console.log(1);
}, 0);
console.log(2);
喜欢 (0)
cat
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址