wordpress博客系統(tǒng)支持在網(wǎng)站首頁或者文章頁側(cè)面添加各種實用小工具，大多數(shù)站長都會利用小工具添加各種美化網(wǎng)站或者使用的東西在側(cè)邊欄的小工具框里面，下面分享一個HTML5仿Apple Watch時鐘動畫源碼，具體預(yù)覽效果可以看看本站首頁的側(cè)邊欄的時鐘效果，分享兩個不同顏色的時鐘源碼，站長可以根據(jù)自己的網(wǎng)站風格來選擇，具體的效果查看文章截圖。

預(yù)覽圖

使用方法

將仿Apple Watch時鐘動畫源碼上傳到你的網(wǎng)站目錄

打開wordpress后臺，點擊外觀下的小工具

直接拖拽空白的自定義HTML或者文本框小工具到右邊你需要顯示的區(qū)域

將下面的html代碼粘貼到你的小工具內(nèi)容里面保存即可（注意：修改http://www.kuoshi.com.cn/time/為你自己時鐘源碼地址）

<iframe width="100%" height="150" src="http://www.kuoshi.com.cn/time/"></iframe>

打開網(wǎng)站首頁或者你添加小工具的頁面即可看到效果

源碼下載

https://wwi.lanzous.com/iP7Ujndimfg