未分类

www6766comjs实现交通灯效果_javascript技巧_脚本之家

16 3月 , 2020  

www6766com,样式

#traffic>li{ display:block; } #traffic span{ display:inline-block; width:50px; height:50px; background-color:gray; margin:5px; border-radius:50%; float:left; } #traffic.stop li:nth-child span{ background-color:yellow; } #traffic.wait li:nth-child span{ background-color:red; } #traffic.pass li:nth-child span{ background-color:green; }

js代码

const traffic = document.getElementById;{ traffic.className = "wait"; setTimeout{ traffic.className = "stop"; setTimeout{ traffic.className = "pass"; setTimeout; },2000);})();

以上正是本文的全部内容,希望本文的剧情对大家的读书或许干活能拉动一定的补助,同时也希望多都赐教脚本之家!

大旨结构


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图