介绍 & lt; html>
& lt; head lang=癳n"祝辞
& lt; meta charset=癠TF-8"祝辞
& lt; title> & lt;/title>
& lt; style>
.image {
保证金:10 px;
宽度:200 px;
身高:200 px;
显示:没有;
}
.time {
保证金:10 px;
,,,字体大小:,200 px;
颜色:红色;
}
& lt;/style>
& lt;/head>
& lt; body>
! [](http://upload - images.jianshu.io/upload_images/2011313 - 6952 b2e445095ac6.jpg?imagemogr2/auto orient/strip%7cimageview2/2/w/1240)
,,,& lt; p 类=皌ime"在10 & lt;/p>
,,,& lt; script>
,,,//根据类名取到对应的标签
,,,var image =, document.getElementsByClassName(& # 39;图像# 39;)[0];
,,,var time =, document.getElementsByClassName(& # 39;时间# 39;)[0];
,,,var 计时器=,setInterval(函数(){
,,,time.innerHTML =, time.innerHTML 作用;1;
,,,如果(==time.innerHTML 0) {
,,,,,,,clearInterval(计时器);
,,,,,,,time.style.display =, & # 39;没有# 39;
,,,,,,,image.style.display =, & # 39; inline-block& # 39;;
,,,}
}, 1000)
,,,& lt;/script>
,,,& lt;/body>
,,,& lt;/html>
这篇文章将为大家详细讲解有关如何利用html5制作一个倒计时演示,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
<编辑>编辑是一个标签语言,里面各种各样的标签相当于ios里面各种各样的控件,其实思维逻辑是跟ios差不多的,都是把控件创建出来,然后进行布局,不扯了,下面甩个演示: 
倒计时gif
简单说一下思路:这是一个倒计时加载图片的小demo,实现的思路很简单,就是先创建两个控件,
和& lt; p>,在css里面把布局写一下,然后在javascript里面拿到这两个标签,这里说一下文档.document可以根据标签名类名字等拿到任意标签,相当于变成了全局变量,
下面直接甩代码:
关于“如何利用html5制作一个倒计时演示”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。
