红绿灯倒计时

<script type="text/javascript">
	var lamp={
		red: {
			obj: document.getElementById('red'),
			timeout:30,
			style:['red','gray','gray'],
			next:'green'
		},
		yellow: {
			obj: document.getElementById('yellow'),
			timeout:5,
			style:['gray','yellow','gray'],
			next:'red'
		},
		green: {
			obj: document.getElementById('green'),
			timeout:35,
			style:['gray','grat','green'],
			next:'yellow'
		},
		changeStyle(style){
			this.red.obj.className=style[0];
			this.yellow.obj.className=style[1];
			this.green.obj.className=style[2];
		}
	};

	var count={
		obj: document.getElementById('count'),
		change:function(num){
			this.obj.innerHTML=(num<10)?('0'+num):num;
		}
	};

	var now=lamp.green;
	var timeout=now.timeout;
	lamp.changeStyle(now.style);
	count.change(timeout);

	setInterval(function() {
		if(--timeout<=0){
			now=lamp[now.next];
			timeout=now.timeout;
			lamp.changeStyle(now.style);
		}
		count.change(timeout);
	},1000);
</script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值