JavaScript Interval 使用

📆 2021-12-28 18:06

实现

export default{
    data(){
        countDown:-1,
        countDownTimmer:null
    },
    methods:{
        countDownRefresh(){
            this.countDown=30 // 设置计数器为30

            clearInterval(this.countDownTimmer) // 清除上一个定时器

            this.countDownTimmer=setInterval(()=>{
                if(!document.hasFocus())
                    return // 如果为非顶部窗口（切换浏览器 Tab、切换窗口）则暂停

                this.countDown-=1 // 计数器递减

                if(this.countDown<0){
                    // Do some thing here..
                }
            },1000)
        }
    }
}