clearinterval

　　首先描述一下需求，就是希望在长按元素的时候实现某种操作，话不多说，下面就介绍一下方法： 给需要长按的元素添加 touchstart 和 touchend 两个事件： <div v-for="(item, index) in fileList" :key="index" @touchstart="touchstart(index,item)" @touchend="touchend(index)"> // 这里是循环的一些元素 </div> 在methods中添加事件： touchstart(index,item) { clearInterval(this.Loop); //再次清空定时器，防止重复注册定时器 this.Loop = setTimeout(function() { //这里是长按以后需要触发的事件 }.bind(this), 1000); // 这里的1000是指需要长按的时间，单位为ms }, touchend(index) { // 这个方法主要是用来将每次手指移出之后将计时器清零 clearInterval(this.Loop); } 　　通过上面的两步就能实现长按事件了。 来源： https://www.cnblogs.com/belongs-to-qinghua/p/12545384.html

前些日子看了个视频所以就模仿它的技术来为大家做出几个简单的JS小特效 一：运动特效（主要是通过改变元素的left,right,height,width,opacity来达到运动的效果） 我们今天做一个利用计时器来创建一个匀速运动的效果，代码很简单。 1:首先我们先写出HTML的结构 <div id="div1"> <span id="share">share</span> </div> 2：给出样式 <style type="text/css"> body{margin: 0;padding: 0;} span{background: blue;width: 50px;height: 60px;position: absolute;right:-48px;color: #fff;top: 47px;} div{background: red;width: 200px;height: 150px;position: relative;left: -200px;} </style> 3：然后到了我们的JS部分 <script type="text/javascript"> window.onload=function(){ 页面内容完全载入的时候执行这个匿名函数 var div=document.getElementById("div1"); 获取div div.onmouseover