“警车”的“警灯”,相似于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的效果,这在电商网之中,我认为是很常见的。复制代码
相关文章
相关标签/搜索