html怎么通過javascript寫一個10秒倒計時

新建一個html文件，定名為test.html，用于講解若何利用javascipt實現10秒倒計時功能。

在test.html頁面，利用div建立一個id為redhacker的模塊，用于顯示倒計時的時候。

在test.html頁面，利用seconds變量界說倒計時的時候為10秒，同時界說按時器的事務柄為handle，本家兒要在斷根計時器用到。利用setTimeout（）方式，實現1秒鐘后顯示計數器，即1秒鐘后執行startTimer（）函數起頭計數。

在startTimer（）函數內，利用setInterval（）方式設置每1秒鐘執行一次timer（）函數，實現每秒鐘輸出一次“您還有N秒”。

在timer()函數內，編寫計數器的邏輯。在timer()函數內，利用“-=”自減，實現秒數的倒數，同時標的目的div輸出倒數的內容。當10秒鐘倒數完畢，即seconds等于0時，利用stopTimer()函數遏制計數器。

編寫stopTimer()函數遏制計數器。在函數內利用clearInterval（）斷根事務柄handle，實現計數器的遏制，并輸出“10秒鐘倒計時完當作”。

在瀏覽器運行test.html頁面，查看實現的倒計時的顯示。

0 條評論