绿灯行走红灯停,该行该停要分清
绿灯行走红灯停,该行该停要分清
一撇一捺做个人,一生正气讲文明
长长短短人生路,迈步要看红绿灯
红绿灯呀眨眼睛,十字路口最分明
知荣知耻路灯闪,好事坏事要分清
知荣知耻路灯闪,好事坏事要分清
一撇一捺做个人,一生正气讲文明
长长短短人生路,迈步要看红绿灯
一撇一捺做个人,一生正气讲文明
长长短短人生路,迈步要看红绿灯
迈步要看要看红绿灯
小学儿歌《红绿灯》
扩展资料在十字路口,四面都悬挂着红、黄、绿、三色交通信号灯,它是不出声的“交通警察”。红绿灯是国际统一的交通信号灯。红灯是停止信号,绿灯是通行信号。交叉路口,几个方向来的车都汇集在这儿,有的要直行,有的要拐弯,到底让谁先走,这就是要听从红绿灯指挥。
红灯亮,禁止直行或左转弯,在不碍行人和车辆情况下,允许车辆右转弯;绿灯亮,准许车辆直行或转弯;黄灯亮,停在路口停止线或人行横道线以内,已经继续通行;黄灯闪烁时,警告车辆注意安全。
我简单制作了一个,你看是否是你所需要的:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<style type="text/css">
*{margin:0pxpadding:0px}
.main{border:1px double #cccwidth:300pxheight:100px}
.deng{width:90pxheight:90pxfloat:leftborder:3px solid blackbackground-color:#CCCCCCborder-radius:45pxmargin-left:2px}
.jiShi{margin:5px 10pxcolor:#FF00FF}
</style>
</head>
<body>
<div class="main">
<div class="deng c0"></div>
<div class="deng c1"></div>
<div class="deng c2"></div>
<div class="jiShi">
00:00:30
</div>
<H3>每隔30秒变换一次</H3>
</div>
<script type="text/javascript">
window.onload=function(){
let timer,timer2
let n = 0
let t = 29
let colors = ["red","green","yellow"]
timer = window.setInterval(function(){
if(t==0){
$(".deng").css({"backgroundColor":"#CCC"})
$(".c" + n).css({"backgroundColor":colors[n]})
n++
if(n==3){n=0}
t=30
}else{
$(".jiShi").text("00:00:" + t)
t--
}
},1000)
}
</script>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)