红绿灯倒计时
1.效果
绿灯亮(35秒)-黄灯亮(5秒)-红灯亮(30秒)-绿灯亮(35秒)无限循环,实现红绿灯倒计时效果。
2.代码解析
(1)编写HTML代码
<div class="box">
<div id="red"></div>
<div id="yellow"></div>
<div id="green"></div>
<div class="count" id="count"></div>
</div>
(2)编写盒子模型样式
<style>
.box{
width:300px;height:60px;padding:22px 30px;border:300px solid #ccc;border-radius:200px;margin:0 auto;}
.box