实现一个红绿灯效果，每次红灯亮 10 秒，绿灯亮 8 秒，黄灯亮 3 秒，并在红绿灯右侧显示倒计时

 

 

 需求说明：当红灯亮的时候，其他灯是黑色，进入 10 秒倒计时；当倒计时结束的时 候，绿灯亮，其他灯为黑色，进入 8 秒倒计时；倒计时结束后，黄灯亮，其它灯黑色， 进入三秒倒计时。

 <style>

        p{

            border-radius: 50%;

            width: 100px;

            height: 100px;

            background-color: black;

            display: inline-block;

        }

    </style>

     <p id="p1"></p>

    <p id="p2"></p>

    <p id="p3"></p>