如何在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實(shí)現(xiàn)
```javascript
setInterval(function(){
alert("Hello World");
}, 3000);
```
第二種方法：使用setTimeout遞歸實(shí)現(xiàn)
```javascript
function showAlert(){
alert("Hello World");
setTimeout(showAlert, 3000);
}
showAlert();
```
例4：定時器的執(zhí)行流程
運(yùn)行結(jié)果：依次彈出"Hello"，"World"，3秒后再次彈出"Hello"。在JavaScript中，定時器并不會阻礙后續(xù)代碼的執(zhí)行，而是繼續(xù)執(zhí)行后續(xù)代碼，直到定時器觸發(fā)。因此，在特殊情況下，可能所有代碼已經(jīng)執(zhí)行完畢而定時器仍在執(zhí)行。
時鐘程序代碼編寫
```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);
```
運(yùn)行結(jié)果
一個簡單的時鐘程序會在頁面上顯示當(dāng)前時間，并每秒更新一次。通過不斷獲取當(dāng)前時間并格式化輸出，實(shí)現(xiàn)了一個基本的時鐘效果。