首页> web前端> Vue.js> 正文

vue.js中如何用定时器

coldplay.xixi
发布: 2020-11-10 14:03:17
原创
11475 人浏览过

vue.js中使用定时器的方法:1、使用循环执行setInterval,每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉;2、定时执行setTimeout,定时执行setTimeout是设置一个时间,等待时间到达的时候只执行一次。

vue.js中如何用定时器

【相关文章推荐:vue.js

vue.js中使用定时器的方法:

一、循环执行(setInterval)

顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉

用法是setInterval(“方法名或方法”,“延时”), 第一个参数为方法名或者方法,注意为方法名的时候不要加括号,第二个参数为时间间隔

 
登录后复制

bbe7e0b0ace5521c8f8bbec927e6495.png

上面的例子就是页面初始化的时候创建了一个定时器setInterval,时间间隔为1秒,每一秒都会调用一次函数get,从而使value的值加一。

二、定时执行 (setTimeout)

定时执行setTimeout是设置一个时间,等待时间到达的时候只执行一次,但是执行完以后定时器还在,只是没有运行

用法是setTimeout(“方法名或方法”, “延时”); 第一个参数为方法名或者方法,注意为方法名的时候不要加括号,第二个参数为时间间隔

 
登录后复制

05a78da7766e3faa84f9e41b7a0f77f.png

上面是页面初始化时候创建一个定时器setTimeout,只在1秒后执行一次方法。

相关免费学习推荐:JavaScript(视频)

以上是vue.js中如何用定时器的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章