今天在写一个滚动图片的功能,功能是这样的,页面加载后直接开始滚动,鼠标悬停停止滚动,鼠标离开再开始滚动。
原理很简单,就是弄个定时器让元素.scrollLeft不断增加，鼠标移入时清除定时器，鼠标移除恢复定时器。
但是在vue中就出现了一个小问题，在组件上使用@mouseenter="startRoll",@mouseLeave="stopRoll"
然后在methods中写好这两个function
页面mounted后starRoll
那么这个小问题来了,定时器写在哪呢?startRoll里的定时器在stopRoll中并无法停止。
解决方法：
将定时器声明在data内：
先在data内设置一个 timer：null；
在startRoll中： this.timer=setInterval(function(){},20)
在stopRoll中: clearInterval(this.timer);
问题解决!
有点啰嗦,请指教
今天在写一个滚动图片的功能,功能是这样的,页面加载后直接开始滚动,鼠标悬停停止滚动,鼠标离开再开始滚动。 原理很简...
iOS NSTimer使用详解-开启、关闭、移除 定时器定时器详解ios定时器关闭定时器NSTimer 1、要使用...
控制步进输出的定时器TIM2初始化函数 我们再设置一个开启定时器和关闭定时器的函数：开启定时器的函数名称：st_w...
1.子线程中开启定时器 具体代码如下: 注意点: 1.1 runloop在子线程是默认关闭的, 将定时器加入到ru...
Runloop定时器的应用及关闭iOS NSTimer 定时器用法总结 1.定时器的创建 参数1:时间间隔（定时的...
vue 中无法清除定时器（延时器） vue中 使用定时器 ，setInterval(). 正常使用， 但是当想...
创建一个定时器
myTimer = [NSTimer scheduledTimerWithTimeInterval:1.5 tar...
调用一次计时器方法： myTimer = [NSTimer scheduledTimerWithTimeInter...
调用一次计时器方法： 重复调用计时器方法： 注意：将计数器的repeats设置为YES的时候，self的引用计数会...
本文标题：vue中定时器的开启及关闭
本文链接：https://www.haomeiwen.com/subject/cfysihtx.html
网友评论