JavaScript >> Javascript 文檔 >  >> JavaScript

JavaScript 中的睡眠和等待

擁有超過 50 年的 JavaScript 編程經驗,直到最近我才在 JavaScript 中使用過“睡眠”功能。

令我驚訝的是,JavaScript 中沒有這樣的功能,相比之下,PHP 中有睡眠功能和Java中的線程。
當我在jQuery中沒有找到它時,我更加驚訝,但是有很多倒計時插件。
我需要做的只是從10秒到0秒的簡單倒計時使用重定向,這對於循環和睡眠(秒數)算法來說很直觀。

幸運的是 JavaScript 有 window.setTimeout 函數,我可以在遞歸函數中使用它。
這是我沒有使用 jQuery 的代碼:

var i=10;
Countdown();

function Countdown() {	
    document.getElementById('countdown').innerHTML=i;					
	if (i>0) {
        i--;
	    window.setTimeout(function (){Countdown();},1000);
	}
	else {
		window.location="http://webapplog.com";
	}
}

Tutorial JavaScript 教程
  1. 為什麼需要對結果進行單元測試而不是實現

  2. 使用 Ember.js 和 Tauri 構建小型桌面應用程序

  3. 在上傳之前預覽許多圖像

  4. JavaScript:如何解碼 GreenPass 二維碼

  5. React 和組件,axios

  6. 必需的 JavaScript 閱讀

  7. JavaScript 中的 `typeof` 運算符

  1. 面向初學者的 Express JS

  2. 介紹對象掛鉤:React 的可變狀態🤯

  3. 僅在指定字符的第一個實例上拆分字符串

  4. JavaScript 表單 onsubmit 返回 false

  5. 帶有 RxJS 的 Web 串行 API - 瀏覽器和串行硬件之間的雙向反應式通信

  6. 很棒的 Node.js 工具、庫和資源

  7. 從頭開始創建 Netflix 克隆:JavaScript PHP + MySQL 第 13 天

  1. TypeScript - 接口

  2. 在 2022 年成為更好的前端開發者! 🎆

  3. React Hooks 組件的生命週期

  4. 如何設置mongodb圖集?