vue 定时器常规操作及其停止

2021-6-18    前端达人

export default { data() { return { min: 1, max: 10, timer:null //定时器名称 } }, mounted() { this.add(); }, methods: { add() { let _this = this; _this.timer = setInterval(function(){//定时器开始 _this.min++; if(_this.min == _this.max){ clearInterval(_this.timer);// 满足条件时 停止计时 } },1000) }, } };



蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

截屏2021-05-13 上午11.41.03.png


分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务



分享本文至：
« 浅谈VUE防抖与节流的最佳解决方案(函数式组件) 什么是数据驱动设计？ »

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档