「警車」的「警燈」,相似於GIF

###涉及的知識點:spa

1.if語句的熟練運用.
2.for循環的熟練運動.
    var lis = document.querySelectorAll('li');
    var button = document.querySelector('button');
    var count = 0;  //計數器
    button.onclick = function() {
        count++;
        if(count%2 === 0) {
            for(var i=0; i <lis.length; i++) {
                if(i % 2 ===0) {
                    lis[i].setAttribute('class','green');
                } else {
                    lis[i].setAttribute('class','red');
                }
            }
        }else{
            for(var i=0; i<lis.length; i++) {
                if(i%2 ===0) {
                    lis[i].setAttribute('class','red');
                }else{
                    lis[i].setAttribute('class','green');
                }
            }
        }
    }
    
    //此案例不具備實用性,可是能讓咱們充分的對for循環和if語句有深入的瞭解,而且咱們經過setInterval就能實現相似於一個GIF的效果,這在電商網之中,我認爲是很常見的。複製代碼
相關文章
相關標籤/搜索