Question

我试图每1秒添加和删除一次类，但它现在正在工作且没有控制台错误

实际上我试图改变我的一个菜单项颜色和背景颜色以引起注意我无法解决：（

有我的jquery html和css代码

jquery的

function ds1() {
    $("#h").addClass("ds");
};

function ds2() {
    $("#h").removeClass("ds");
};

function ds() {
    if ( $("#h").css("color") == ("#000000") ){
        $("#h").addClass("ds");
    }else{
        $("#h").removeClass("ds");
    }
};

setInterval(ds , 1000);

HTML

<ul id="alt_menu2">
<li><a href="#" class="anasayfa">Ana sayfa</a></li>
<li><a href="#" class="modlar">Modlar</a></li>
<li><a href="#" class="kaynakpaketleri">Kaynak paketleri</a></li>
<li><a href="#" class="hariatalar">Haritalar</a></li>
<li><a href="#" class="kendinyap">Kendin yap</a></li>
<li><a href="#" class="heraypremium" id="h">Her ay premium</a></li>
<li><a href="#" class="yardim">Yardım</a></li>
</ul>

CSS

#alt_menu2{
    width: 1020px;
    height: 50px;
    list-style: none;
    display: block;
}

#alt_menu2 li{
    display: block;
    float: left;
    cursor: pointer;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #cccccc;
}

#alt_menu2 li a,.heraypremium{
    padding: 16px 18px 15px 17px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    /*transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s
    -o-transition: 0.5s;*/
}

#alt_menu2 li a:hover{
    padding: 12px 18px 15px 17px;
    border-width: 4px 0px 0px 0px;
    border-color: #cccccc;
    border-style: solid;
}

.ds{
    background-color: #303030 !important;
    color: #ffffff !important;

}

Answer 1

当用括号做ds（）时，你实际上正在调用该动作。

尝试

setInterval(function(){console.log('interval ran')},1000) //in your case, you already have a function you want to call so

setInterval(ds,1000);

jquery setinterval不工作没有控制台错误

1 个答案: