介绍

效果

解题思路

这题没啥好说的,上代码:

// TODO：完善此函数 显示红色颜色的灯
function red() {
    document.getElementById('defaultlight').style = 'display:none;';
    document.getElementById('greenlight').style = 'display:none;';
    document.getElementById('redlight').style = 'display:inline-block;';
}

// TODO：完善此函数  显示绿色颜色的灯
function green() {
    document.getElementById('defaultlight').style = 'display:none;';
    document.getElementById('redlight').style = 'display:none;';
    document.getElementById('greenlight').style = 'display:inline-block;';
}

// TODO：完善此函数
function trafficlights() {
    setTimeout(() => {
        red()
        setTimeout(() => {
            green()
        }, 3000);
    }, 3000);
}