首頁> web前端> Vue.js> 主體

vue.js中如何用定時器

coldplay.xixi
發布: 2020-11-10 14:03:17
原創
11460 人瀏覽過

vue.js中使用定時器的方法:1、使用循環執行setInterval,每過一段時間都會執行一次這個方法,直到這個定時器被銷毀掉;2、定時執行setTimeout,定時執行setTimeout是設定一個時間,等待時間到達的時候只執行一次。

vue.js中如何用定時器

【相關文章推薦:vue.js

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

一、循環執行(setInterval)

顧名思義,循環執行就是設定一個時間間隔,每過一段時間都會執行一次這個方法,直到這個定時器被銷毀掉

用法是setInterval(“方法名或方法”,“延時”), 第一個參數為方法名或方法,注意為方法名的時候不要加括號,第二個參數為時間間隔

 
登入後複製

vue.js中如何用定時器

上面的範例就是頁面初始化的時候創建了一個定時器setInterval,時間間隔為1秒,每一秒都會呼叫一次函數get,從而使value的值加一。

二、定時執行(setTimeout)

定時執行setTimeout是設定一個時間,等待時間到達的時候只執行一次,但執行完以後計時器還在,只是沒有執行

用法是setTimeout(“方法名稱或方法”, “延時”); 第一個參數為方法名稱或方法,注意為方法名稱的時候不要加括號,第二個參數為時間間隔

 
登入後複製

vue.js中如何用定時器

上面是頁面初始化時候建立一個定時器setTimeout,只在1秒後執行一次方法。

相關免費學習推薦:JavaScript(影片)

#

以上是vue.js中如何用定時器的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章