SOURCE

let arr = ['a','b', 'c'];

for(let i = 0; i < arr.length; i++) {
    (
        function(){
            setTimeout(() => console.log(arr[i]), 1000*i)
        }
    )()
}

<div class='box'>
    <div id='circle'></div>
</div>
<div class='box'>
    <div id='half'></div>
</div>
<div class='box'>
    <div id='three'></div>
</div>
<div class='box'>
<div id='four'></div>
</div>

.box {
    border: 1px solid red;
    width: 100px;
    height: 100px;
    display: inline-block;
}

#circle {
    border: 50px solid blue;
    border-radius: 50%;
}

#half {
    border-radius: 50px 50px 0 0  ;
    border-top: 50px solid green;
}

#three {
    border: 50px solid red;
    border-bottom: 50px solid transparent;
    border-radius: 50%;
}

#four {
    border: 50px solid greenyellow;
    border-radius: 100px 0 0 0;
}