首頁 > 網際網路

(實用)利用jquery手寫倒計時

2019-12-11 10:24:37

上一篇我們談到網頁時鐘,實用,接下來我們來個更實用的,就是倒計時,自己手動寫個倒計時,想想就激動了。

1

搭建html檔案框架,和樣式搭建



2

效果圖如下


3

我個人的習慣是,先寫執行函數,後寫定義函數,每個人的思路也不一樣,我比較喜歡這樣寫。


4

timeUp函數就是我們要執行的函數,沒一秒執行內部的程式碼,其實都是一些判斷,當秒數小於0的時候,其他也要跟著一起變化,需要注意的是,首先判斷的一定是秒,最小的單位,因為倒計時都是先從秒開始減的。程式碼截圖我寫的註釋都很詳細了。


5

最終時間到了之後,會提示倒計時完畢,並終止倒計時。



IT145.com E-mail:sddin#qq.com