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