利用H5製作一個倒數demo的實例教學

這幾天剛好沒事，所以研究了一下h5前端。

h5是一個標籤語言，裡面各種各樣的標籤相當於ios裡面各種各樣的控件，其實思維邏輯是跟ios差不多的，都是把控件創建出來，然後進行佈局。不扯了，下面甩個demo：

倒數計時.gif

簡單說一下想法：這是一個倒數計時載入圖片的小demo，實現的思路很簡單，就是先創建兩個控件，

和

，在css裡面把佈局寫一下，然後在javascript裡面拿到這兩個標籤，這裡說一下document 。 document可以根據標籤名類名字等拿到任意標籤，相當於變成了全局變量，
下面直接甩代碼：

![](http://upload-images.jianshu.io/upload_images/2011313-6952b2e445095ac6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
10
    
    
    

自我感覺js是一個（超級）弱類型的語言，比oc還要弱，var可以接收任意類型的變量，相當於類型推導，相較於swift，簡直太弱了，根本就沒有自己的立場，哈哈，開個玩笑，不過這樣倒替我們省去不少事情。

在此歡迎大神指點，如果有喜歡的人，麻煩點個關注，謝啦，

【相關推薦】

1. 免費h5在線影片教學

2. HTML5 完整版手冊

#3. php.cn原始html5影片教學

以上是利用H5製作一個倒數demo的實例教學的詳細內容。更多資訊請關注PHP中文網其他相關文章！