首页 > 其他 > 详细

settimeout和setInterval的使用

时间:2020-01-06 16:00:51      阅读:87      评论:0      收藏:0      [点我收藏+]

1、settimeout

var timeOut=setOutout(()=>{
            console.log("我是定时器");
        },2000)
        //此时打印的是定时器的id值timeOut和定时器内部数据
        console.log(timeOut);
        //加上清除后,不会打印内部数据,只会打印id值timeOut
        clearTimeout(timeOut);

2、setInterval

var a = 0;
        //设置每1s执行一次;
        var timeInt = setInterval(() => {
            a++;
            console.log(a);
            if (a > 5) {
                //当a>5时清除定时器
                clearInterval(timeInt);
            }
        }, 1000);

3、在vue中使用

var timeOut=setTimeout(function() {
                    console.log("定时器");
                    this.bool=false;//在data中设置动态值bool控制开关
                    console.log(this.bool);
                }, 2000);
                if(!this.bool){//判断清除定时器
                    clearTimeout(timeOut);
                }

                var timeInt = setInterval(() => {
                    console.log("2s打印一次");
                    this.bool = false;
                    if (!this.bool) {
                        clearInterval(timeInt);
                    }
                }, 2000)

 

settimeout和setInterval的使用

原文:https://www.cnblogs.com/Alex-Song/p/12156610.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!