如何在JavaScript中制作定時器和時鐘程序

定時器在JavaScript中有兩種常見的形式：setTimeout和setInterval。 例1：使用JavaScript彈出一個Hello World```javascriptsetTimeou

定時器在JavaScript中有兩種常見的形式：setTimeout和setInterval。

例1：使用JavaScript彈出一個Hello World

```javascript

setTimeout(function(){

alert("Hello World");

}, 0);

```

例2：過3秒后彈出一個Hello World

```javascript

setTimeout(function(){

alert("Hello World");

}, 3000);

```

例3：每隔3秒后彈出一個Hello World

第一種方法：使用setInterval實現

```javascript

setInterval(function(){

alert("Hello World");

}, 3000);

```

第二種方法：使用setTimeout遞歸實現

```javascript

function showAlert(){

alert("Hello World");

setTimeout(showAlert, 3000);

}

showAlert();

```

例4：定時器的執行流程

運行結果：依次彈出"Hello"，"World"，3秒后再次彈出"Hello"。在JavaScript中，定時器并不會阻礙后續代碼的執行，而是繼續執行后續代碼，直到定時器觸發。因此，在特殊情況下，可能所有代碼已經執行完畢而定時器仍在執行。

時鐘程序代碼編寫

```javascript

function updateClock(){

let now new Date();

let hours ();

let minutes ();

let seconds ();

hours hours < 10 ? "0" hours : hours;

minutes minutes < 10 ? "0" minutes : minutes;

seconds seconds < 10 ? "0" seconds : seconds;

let timeString hours ":" minutes ":" seconds;

("clock").innerText timeString;

}

setInterval(updateClock, 1000);

```

運行結果

一個簡單的時鐘程序會在頁面上顯示當前時間，并每秒更新一次。通過不斷獲取當前時間并格式化輸出，實現了一個基本的時鐘效果。