设置定时器与清除定时器

（作者：杨先金；撰写时间：2019年1月18日）
一，设置定时器
下面我们来讲讲如何设置一个定时器，首先你得定义一个空的变量（比如：timer）来接收定时器，相当于把它存放到你定义的这个变量当中；封装一个函数，给它命名为play，然后在play（）这个方法体内设置一个你需要的定时器，在这里我用的是间隔性定时器，设置它每隔2000毫秒（2秒）调用一次方法体内的函数，方法体内的函数任意；

设置完定时器，记得在函数体外调用play（）方法，否则定时器无法被调用。
二，清除定时器
同样，另外封装一个函数，给它命名为stopPlay，用clearInterval把你设置好的定时器清除掉，参数为timer；
三，鼠标移入，清除定时器；鼠标移出，重新调用定时器；

最终实现的效果如下图所示：

每隔2秒自动切换至下一张图片

设置定时器与清除定时器相关推荐

android h5app息屏定时器,H5案例分享：JS设置定时器和清除定时器
JS设置定时器和清除定时器在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧. 一.启用定时器 win ...
JS定时器和清除定时器/JS四
1.永久定时使用格式如下: timer =window.setInterval(function(){ 每隔多长时间执行的代码 }, 1000) 1000代表的是1000毫秒,上面的代码返回的是 ...
JS定时器与清除定时器
在js中我们很多时候都需要用到定时器,有以下两种方法 1.setInterval(函数名,时间间隔) 按照指定的周期(以毫秒计)来调用函数或计算表达式. <!DOCTYPE html> & ...
JS 设置定时器和清除定时器
在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧. 一.启用定时器 window对象提供了两个方法来实 ...
html清空计时器,js设置定时器和清除定时器
一.前言在前端,我们有很多功能需要用到定时器.譬如轮询,譬如定时关闭弹框,譬如实现秒表,譬如一段时间后跳转页面等等.因此,我们需要掌握定时器的用法. 二.设置定时器目前window对象提供有两个方 ...
JS设置定时器和清除定时器
最近在项目中频繁运用到js定时器,现在和大家分享一下方法.在前端开发的过程中,有些时候需要某段程序等待一段时间后再开始执行,在JavaScript中主要通过定时器实现这一类需求. JS的两种定时器 w ...
vue设置定时器、清除定时器
1.一次性定时器setTimeout let timer = setTimeout(() => {//需要定时执行的代码console.debug("Hello World" ...
ajax清除定时器,AngualrJs清除定时器遇到的坑
AngualrJs清除定时器遇到的坑 angualrJs清除定时器爬坑之路: 今天发现一个奇怪问题,放在自定义指令里边的定时器竟然在页面跳转之后,在另一个页面这个循环定时器还在执行,这肯定是不行的,会 ...
vue 定时器和清除定时器
要实现一个功能,点击开关就不断地轮询请求聊天记录,关闭开关就关掉定时器. 直接使用监控 watch 那个开关就行: watch: {checked: function(val) {if(val) { ...

设置定时器与清除定时器

设置定时器与清除定时器

设置定时器与清除定时器相关推荐

最新文章

热门文章