首頁 > 網際網路

html如何插入倒計時

2019-12-11 22:26:17

如果要在html實現倒計時效果,可以利用定時器setInterval來實現這個功能,下面是詳細的功能寫法。

1

第一步,開啟sublimeText編輯器,如下圖


2

第二步,引入Jquery庫,如下圖


3

第三步,編寫html靜態內容,

例子:html頁面有個盒子內容為10,程式碼以及效果如下圖



4

第四步,編寫jquery程式碼,讓頁面10每隔1秒減少1,實現倒計時功能,程式碼如下圖


5

第五步,檢視html頁面的倒計時功能,效果如下圖



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