倒數計時.gif
簡單說一下想法：這是一個倒數計時載入圖片的小demo，實現的思路很簡單，就是先創建兩個控件，
和
，在css裡面把佈局寫一下，然後在javascript裡面拿到這兩個標籤，這裡說一下document 。 document可以根據標籤名類名字等拿到任意標籤，相當於變成了全局變量，
下面直接甩代碼：
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.image{
margin: 10px;
width: 200px;
height: 200px;
display: none;
}
.time{
margin: 10px;
font-size: 200px;
color: red;
}
</style>
</head>
<body>
<p class="time">10</p>
<script>
//根据类名取到对应的标签
var image = document.getElementsByClassName('image')[0];
var time = document.getElementsByClassName('time')[0];
var timer= setInterval(function(){
time.innerHTML = time.innerHTML - 1;
if(time.innerHTML == 0){
clearInterval(timer);
time.style.display = 'none'
image.style.display = 'inline-block';
}
},1000)
</script>
</body>
</html>自我感覺js是一個（超級）弱類型的語言，比oc還要弱，var可以接收任意類型的變量，相當於類型推導，相較於swift，簡直太弱了，根本就沒有自己的立場，哈哈，開個玩笑，不過這樣倒替我們省去不少事情。
在此歡迎大神指點，如果有喜歡的人，麻煩點個關注，謝啦，
【相關推薦】
1. 免費h5在線影片教學
2. HTML5 完整版手冊
#######################################################以上是利用H5製作一個倒數demo的實例教學的詳細內容。更多資訊請關注PHP中文網其他相關文章！
