解釋 Node.js 中的 clearTimeout() 函式
Node.js 中有一個計時器模組,用於安排計時器並在稍後的時間執行特定函式。在 Node.js 中,JavaScript 函式 clearTimeout() 用於透過使用特定 setTimeout() 函式呼叫返回的 timeoutID 來停止 setTimeout() 函式的執行。
如果 timeoutID 與任何之前的呼叫不匹配或給定無效值,則此函式不執行任何操作。setTimeout() JavaScript 函式在使用者指定的時間量或延遲後執行指定的程式碼,並返回一個 ID,這是一個正整數,通常稱為 timeoutID。
Node.js 中 clearTimeout() 函式的語法
讓我們來探索一下 clearTimeout javascript 函式的語法:
clearTimeout(timeoutID)
在上面的語法中,我們傳遞了一個引數,它是 clearTimeout() 函式中的 ‘timeoutID’。此外,setTimeout() JavaScript 函式的函式呼叫的結果是提供給 clearTimeout() 函式引數的值,通常表示為 timeoutID。
使用此 ID,我們可以終止傳遞給 setTimeout() 的函式的執行。clearTimeout() 函式不返回任何內容,或者換句話說,此函式返回未定義的值。
clearTimeout() 函式的工作原理
讓我們以提醒應用程式為例,演示 clearTimeout() JavaScript 函式是如何工作和使用的。
在提醒應用程式中,使用者可以指定應用程式需要發出聲音以發出提醒的特定時間。在使用者提前記住某些事情或不需要應用程式提醒任務的情況下,可能存在一種情況,使用者可以關閉提醒應用程式以接收警報。
與此類似,setTimeout() JavaScript 函式允許程式設計師使用 setTimeout() JavaScript 函式在特定時間後接收警報訊息或執行任何特定程式碼段。
但是,程式設計師可能不再需要執行該程式碼,並且程式設計師希望終止程式碼的執行,這可以透過使用該特定 setTimeout() 函式呼叫的返回值(整數),並將其傳遞給 clearTimeout() JavaScript 函式來實現。
clearTimeout() 函式是一個簡單的操作,除非提供的引數值是尚未執行的 setTimeout() 函式的成員,否則它不執行任何操作,然後 clearTimeout JavaScript 函式將取消它,否則它不執行任何操作。
示例
在此示例中,我們將實現基本程式碼以顯示 setTimeout() 函式和 clearTimeout() 函式的工作原理,因為要展示 clearTimeout() 函式的屬性,需要首先啟動計時器,該計時器只能透過使用 clearTimeout 停止,讓我們來看一下示例。
var time_count = 0;
var tID;
var isOn = false;
function reset() {
clearTimeout(tID);
time_count = 0;
console.log(time_count)
isTimerOn = false;
}
function Countedtime() {
console.log(time_count)
time_count = time_count + 1;
tID = setTimeout(Countedtime, 1000);
}
function start(){
if (isOn == false){
isOn = true;
Countedtime();
}
}
function stop(){
clearTimeout(tID);
isOn = false;
}
在上面的程式碼中,首先,我們聲明瞭一些變數,例如 ‘time_count’ 用於計算時間,‘isOn’ 用於檢查計時器是否開啟,最後,一個變數用於儲存 setTimeout() 函式提供的計時器 ID。
我們定義了一些方法,例如 reset() 用於重置計數器,並且在其中,我們使用了 clearTimeout() 方法將 ‘tID’ 元素設定為零。還有另外兩個函式 start 和 stop,它們用於啟動和停止計數器。
類似函式
對於 setTimeout() 函式,有 clearTimeout() 函式,我們還有另一個函式 setInterval(),要刪除由 setIntervel() 方法定義的元素是 clearInterval(),它具有與 clearTimeout() 方法相同的語法,讓我們看看 Nodejs 中 clearInterval() 方法的語法:
clearInterval(Id_of_interval)
使用 setTimeout() 和 clearTimeout() 建立秒錶
<!DOCTYPE html>
<html>
<head>
<title>
Stop-Watch using setTimeout and clearTimeout methods
</title>
</head>
<body>
<h1 style="color: black"> Stop-Watch </h1>
<div style= "padding-bottom: 10px">
To reset the StopWatch please click the given button:
<button onclick="reset_fun()"> Click Me!! </button>
</div>
<div style= "padding-bottom: 10px">
To start the count please click the givern button :
<button onclick="start_fun()">Click Me!!</button>
</div>
<div style= "padding-bottom: 10px">
Number of seconds passed are:
<input type="text" id="show_">
</div>
<div style= "padding-bottom: 10px">
To Stop the count press here:
<button onclick="stop_fun()">Stop</button>
</div>
<script>
var time_count = 0;
var tID;
var isOn = false;
function reset_fun() {
clearTimeout(tID);
time_count = 0;
document.getElementById("show_").value = time_count;
isTimerOn = false;
}
function Countedtime() {
document.getElementById("show_").value = time_count;
time_count = time_count + 1;
tID = setTimeout(Countedtime, 1000);
}
function start_fun() {
if (isOn == false) {
isOn = true;
Countedtime();
}
}
function stop_fun() {
clearTimeout(tID);
isOn = false;
}
</script>
</body>
</html>
在輸出中,我們將得到三個按鈕和一個顯示。按鈕用於啟動、停止和重置秒錶,而顯示將顯示秒錶上經過的秒數。
在上面的程式碼中,我們使用上面為 clearTimeout() 函式定義的語法定義了秒錶的指令。我們使用了相同的指令碼並獲得了完整的可工作秒錶。
首先,我們在其中定義了 html 程式碼的主體,我們定義了用於獲取輸入的按鈕,對於指令碼,我們使用了 script 標籤來新增秒錶工作程式碼。
在本教程中,我們瞭解到在 Node.js 中,JavaScript 函式 clearTimeout() 用於透過使用特定 setTimeout() 函式呼叫返回的 timeoutID 來停止 setTimeout() 函式的執行。
如果 timeoutID 與任何之前的呼叫不匹配或給定無效值,則此函式不執行任何操作。setTimeout() JavaScript 函式在使用者指定的時間量或延遲後執行指定的程式碼,並返回一個 ID,這是一個正整數,通常稱為 timeoutID。
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP