js,setTimeout與setInterval的用法

来源:https://www.cnblogs.com/true-true/archive/2018/10/10/9768842.html
-Advertisement-
Play Games

1.setTimeout與setInterval的區別 setTimeout: 1.直接使用的話,按照指定 的時間,只執行一次傳入的函數參數。 2.函數的終止使用clearTimeout。 setInterval: 1.直接使用的話,按照指定的時間,迴圈執行傳入的函數參數 2.函數的終止使用clea ...


1.setTimeout與setInterval的區別

  setTimeout:

    1.直接使用的話,按照指定 的時間,只執行一次傳入的函數參數。

    2.函數的終止使用clearTimeout。

  setInterval:

    1.直接使用的話,按照指定的時間,迴圈執行傳入的函數參數
    2.函數的終止使用clearInterval。

2.setTimeout與setInterval的用法

  setsetTimeout:

    1.直接使用:setsetTimeout(function(data){},1000,param1);

       使用時可以傳入多個個參數,參數的作用如下。

          1.code/function 必需。要調用一個代碼串,也可以是一個函數。

          2.’milliseconds 可選。執行或調用 code/function 需要等待的時間,以毫秒計。預設為 0。

          3.param1, param2, ... 可選。 傳給執行函數的其他參數(IE9 及其更早版本不支持該參數)。

    2.使用變數調用,並終止setsetTimeout用法。

      

var myVar;
 
function myFunction() {
    myVar = setTimeout(function(){ alert("Hello") }, 3000);
}
 
function myStopFunction() {
    clearTimeout(myVar);
}

 

  setInterval

    1.直接使用:setInterval(function, milliseconds, param1, param2, ...);

       使用時可以傳入多個個參數,參數的作用如下。

          1.code/function 必需。要調用一個代碼串,也可以是一個函數。

          2.’milliseconds 可選。執行或調用 code/function 需要等待的時間,以毫秒計。預設為 0。

          3.param1, param2, ... 可選。 傳給執行函數的其他參數(IE9 及其更早版本不支持該參數)。

    2.使用變數調用,並終止setInterval用法。

      

var myVar = setInterval(function(data){ }, 1000);
 
function myStopFunction() {
    clearInterval(myVar);
}

 

3.setTimeout實現setInterval功能並實現自我終止

  

var myVar,i=0;
 
function myFunction() {
    myVar = setTimeout(function(){ 
    i++;
    if(i>21){
      myStopFunction

    }else{
      mayVar
    }
  }, 3000);
}
 
function myStopFunction() {
    clearTimeout(myVar);
}

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1、清除浮動的相容性(低版本的瀏覽器不相容問題) .clearfix:after{ content:""; clear:both; display:block; visibility:hidden; height:0; } .clear{ *zoom:1; } 2、透明度的相容性 opacity:0 ...
  • 如今Webpack已經是一個不可或缺的前端構建工具,藉助這個構建工具,我們可以使用比較新的技術(瀏覽器不能直接支持)來開發。 你是否好奇你寫的代碼經過Webpack構建之後會生成什麼東西?是否有時調試遇到莫名其妙的問題? 本文不講如何進行配置,只是基於幾個基礎的例子,簡要分析一下 webpack@4 ...
  • 教程所示圖片使用的是 github 倉庫圖片,網速過慢的朋友請移步 "《webpack4 系列教程(十一):字體文件處理》原文地址" 。或者來我的小站看更多內容: "godbmw.com" 0. 課程介紹和資料 " 本節課源碼" " 所有課程源碼" 本節課的代碼目錄如下: 本節課的 內容如下: 1. ...
  • concat() 用於連接兩個或多個數組。該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。 every() 用於檢測數組所有元素是否都符合指定條件(通過函數提供)。 every() 方法使用指定函數檢測數組中的所有元素: 如果數組中檢測到有一個元素不滿足,則整個表達式返回 false , ...
  • 通過調用函數改變其內容: 輸出: 點擊出現: ...
  • 思路分析:有3種情況 第一種情況,當前頁面curPage < 4 第二種情況,當前頁面curPage == 4 第三種情況,當前頁面curPage>4 此外,還要考慮,當前頁碼 curPage < pageTotal(總頁碼)-2,才顯示 ... 首先,先是前端的佈局樣式 <!-- 後面會在JS中動 ...
  • 兩種居中的方式: Margin:0 auto;和text-align:center; Margin的居中是對自身,text-align對元素內部的文本來說。 隱藏的兩種方式: visibility:hidden;和display:none; visibility 隱藏了還占用著空間,display隱 ...
  • 需要瞭解的知識點: 1. 向指定元素添加事件的方法:addEventListener()方法 2. Dom2級事件中事件流的三個階段:事件捕獲階段、目標元素、事件冒泡階段 3. javascript中 “this與e.target”的區別 addEventListener()方法 語法:addEve ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...