前端必備技能:JS中定時器的使用

2020-12-04 敲代碼的豬

定時器分為兩種:setTimeout(一次性),setInterval(周期性)

setTimeout:setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式。

使用:setTimeout(function(){ 被執行方法或內容); }, 毫秒時間);

實例:

setTimeout(function () { console.log("hello world");},3000)


clearTimeout:clearTimeout() 方法可取消由 setTimeout() 方法設置的 timeout。

使用:clearTimeout(定時器名稱);

實例:

let to = setTimeout(function () { console.log("hello world");}, 3000);clearTimeout(to);


setInterva:setInterval() 方法可按照指定的周期(以毫秒計)來調用函數或計算表達式。

使用:setInterval(function(){ 被執行方法或內容); }, 毫秒時間);

實例:

setInterval(function () { console.log("hello world");},300)


clearInterval:clearInterval() 方法可取消由 setInterval() 設置的 timeout。

使用: clearInterval(定時器名稱);

實例:

let Tv= setInterval(function () { console.log("hello world");},300)clearInterval(Tv);

相關焦點

  • 為什麼說Node.js是前端攻城獅必備技能?
    作為在JavaScript基礎上的腳本語言,Node極大程度上擴展了前端可達範圍。目前大部分的Node.js是運營在前端開發的環境中。但是Node的技能遠遠不止於此。有了Node可以使用JS做伺服器(也就是前端往後端擴展
  • js定時器實例紅綠燈效果圖
    利用js定時器製作了一個紅綠燈,並且是2s/次(2000ms/次)的速度的,b2是定時器關閉,看官想知道什麼是定時器嗎?定時器就是以多少毫秒的速度循環使用指定函數,這樣就可以實現2s/次的速度循環亮燈了,最後依靠b2方法關閉定時器,讓它暫停循環。
  • 前端開發為什麼要學Node.js?小白如何深入理解Node.js?
    隨著網際網路的高速發展以及市場需求推動,Node已經成為前端知識棧必備技能之一,千鋒廣州Web大前端老師也發現很多企業在招聘中也會著重考察求職者對Node的掌握程度。有人好奇從事Web前端為什麼要學習Node.js?今天千鋒廣州Web前端培訓老師就給大家詳細的分析一下。
  • 前端高效開發必備的 js 庫梳理
    作者: 徐小夕 來源:趣談前端之前有很多人問學好前端需要學習哪些 js 庫, 主流框架應該學 vue 還是 react ? 針對這些問題, 筆者來說說自己的看法和學習總結。比如說你對移動端比較感興趣, 工作中也剛好涉及到一些技術的應用,那麼我可以專門研究移動端相關的技術和框架, 又或者你對企業後臺/中臺產品感興趣, 比較喜歡開發PC端項目, 那麼我們可以專門研究這種類型的js庫或者框架, 接下來筆者也是按照不同前端業務的需求, 來整理一份能快速應用到工作中的js庫, 以提高大家的開發效率。
  • VueJS中使用前端虛擬接口Mock.js
    >一、簡介Mock.js是一個基於NodeJS的用來模擬API的工具,可以方便讓前端開發人員在開發過程中用來模擬API接口,方便與後端的聯調工作,尤其方便在Vue項目中使用。官網地址:http://mockjs.com/代碼託管地址:https://github.com/nuysoft/Mock二、上手使用
  • 前端中臺化,把格局做大:Node.js與測試服務探索
    — —近些年,「前端領域應該如何在公司業務中落地Node.js」這類問題屢見不鮮。具體來說,在這個階段,中臺團隊使用基礎鏡像啟動容器拉取最新代碼,安裝必要依賴,執行單測腳本,並最終commit出下一階段(持續部署階段)的鏡像。
  • 2017年Node.js使用大調查,後端使用多於前端!
    【IT168 評論】之前,就有網友針對「Node.js用在前端還是後端?」的問題進行討論。近日,Node.js基金會發布了Node.js 2017用戶調查,我們用數據說話,看看Node.js到底適用於哪些應用和開發環境?同時也看看全世界的程式設計師都是怎樣用Node.js。
  • 一名合格的前端開發工程師應該掌握的8個技能
    近幾年來,Web前端發展迅速,從業人員薪資一再飆升吸引了人們的廣泛加入。不過隨著網際網路技術的發展以及企業需求升級,想要成為高薪Web前端工程師變得不再簡單,前端人員所需要掌握的技能也在增多,接下來千鋒廣州HTML5大前端培訓小編就給大家分享一個合格前端人員必備的技能。
  • 系統性學習 Node.js(1)- Node.js 基礎概念
    前言現在 Node.js 對於前端越來越重要,筆者現在也感受到了學好 Node.js 可以極大的提升前端競爭力。之前也或多或少的接觸過,但是沒有一個系統的學習過程,所以筆者接下來打算系統的去學習 Node.js,同時希望記錄一下自己從零到一的學習過程。
  • 前端js開發感悟
    做了2年的前端開發,雖然還是菜鳥級人物,不過總是會成長的,總會有很感悟,這些感悟對於我來說是極其有價值的。 首先一個完整的前端開發包括:需求討論決定階段,Ui設計階段,前端編寫界面以及交互邏輯階段,前後端聯調階段,測試階段,上線試用階段,正式商用階段。 因為我是前端的,所以就說說前端開發階段的編碼設計問題以及我的成長。
  • 前端開發之認識Vue.js
    相比而言,Vue.js使用起來更為簡單,也無需引入太多的新概念,聲明實例new Vue({ data : data })後自然對data裡面的數據進行了視圖上的綁定。修改data的數據,視圖中對應數據也會隨之更改。
  • 前端開發之走進Vue.js
    本文旨在幫助大家認識Vue.js,了解Vue.js的開發流程,並進一步理解如何通過Vue.js來構建一個中大型的前端項目,同時做好相應的部署與優化工作。 文章將以PPT圖片附加文字介紹的形式展開,不會涉及知識點的具體代碼,點到為止。有興趣的同學可以查看相應的文檔進行了解。 Vue.js簡介
  • 月薪50W前端大牛分享的技能整理,web前端要學哪些東西
    前端工程師技能整理 [ ] 小結:js對象模擬dom(elem.js),virtual domdiff算法(diff.js)、差異渲染dom(patch.js) [ ] 根據config配置使用r.js或webpack打包 [ ] 發布打包後輸出文件
  • 前端科普系列(3):CommonJS 不是前端卻革命了前端
    ,但它的載體是前端語言 JavaScript,為後面前端模塊化的盛行產生了深遠的影響,奠定了結實的基礎。CommonJS:不是前端卻革命了前端!二、為什麼需要模塊化1、沒有模塊化時,前端是什麼樣子在之前的《Web:一路前行一路忘川》中,我們提到過 JavaScript 誕生之初只是作為一個腳本語言來使用,做一些簡單的表單校驗等等。
  • Ember.js和Vue.js,哪種框架更適合前端開發?
    隨著前端技術的發展,比起純JavaScript 腳本,大多數開發人員更喜歡使用基於JavaScript的框架來開發Web應用,如Vue、React等。這些框架大大簡化了你的代碼,也使你能夠完成更多的全棧工作。使用什麼類型的框架決定了應用程式的敏捷程度。因此,您必須慎重選擇。在充滿多樣性的前端生態中,有兩個框架十分引人矚目——Ember.js和Vue.js。
  • Vue.js—實現前後端分離架構中前端頁面搭建(一)
    其核心思想是把前端項目(Node.js實現的)和後端項目獨立部署到不同的伺服器上,前端項目在通過Ajax請求伺服器端項目Restful接口實現數據交互。使用前後端分離架構的項目在項目組中往往配備前端工程師和後端工程師。後端工程師就是我們,對於我們我們來說,不需要在項目中編寫頁面了,寫到控制器返回數據即可,最後把項目部署到伺服器上。
  • 前端工程師要做什麼?前端工程師需要什麼根本技能?
    這幾年,前端開發確實是火的不行不行的,工資也動輒十幾K,幾十K的,而且前端入門的門檻確實也不高,無非是三大塊:html/css/js,這三塊裡,你搞懂任意二塊,就夠你吃穿之用了!所以許多小夥伴關於HTML5前端工程師是很有些想法的,畢竟是高薪有面子,誰都想了解一下,一探究竟。
  • 前端Js框架匯總
    一、前端框架庫:1.Zepto.js地址:http://www.css88.com/doc/zeptojs/**描述:**Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫,它與jquery有著類似的api。 如果你會用jquery,那麼你也會用zepto。
  • 前端利用FileSaver.js下載base64內容
    在通常的上傳下載中,我們一般都是直接保存文件或圖片(jpg,png,pdf,doc,mp3,zip等),今天我們換一種方式進行上傳下載,即將上傳的文件或圖片保存為base64內容,前端再利用FileSaver.js進行下載。
  • 北大青鳥整理:一名web前端工程師需要必備哪些技術和工具?
    最近,有小夥伴私信留言讓我總結一下:「一個合格的web前端需要會什麼技術?」我想了半天,合格的web前端當然符合企業的用人要求啊!那麼一名web前端工程師需要必備哪些技術和工具?想要成為一個高薪高職的Web前端工程師並不容易,你不僅需要掌握專業的技能點,還要具備較多的項目經驗。