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

这篇文章主要介绍vue.js中使用定时器的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联服务项目包括泰山网站建设、泰山网站制作、泰山网页制作以及泰山网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,泰山网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到泰山省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

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

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

一、循环执行(setInterval)

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

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


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

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

二、定时执行 (setTimeout)

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

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


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

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

以上是“vue.js中使用定时器的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


名称栏目:vue.js中使用定时器的方法
网页网址:http://pwwzsj.com/article/pdsgsj.html