Question

我得到了这个脚本的帮助，它将.hover类添加到计时器上的其他5个类中。这是一个jsfiddle

我最终想要创建一个带有与每个活动按钮相关的文本的类。目前我只是在h1和.button5存在的情况下只更改.hover的文字，但它不起作用..

原始剧本：

<script type="text/javascript">
    $(document).ready(function(){ 
var divs = $('#buttonblock').children('div'),
        number = divs.length,
        currentIndex = 0,
        timer;

    function setTimer() {
        divs.removeClass('hover');
        divs.eq(currentIndex).addClass('hover');
        currentIndex++;
        if (currentIndex == number) {
            currentIndex = 0;
        }

        timer = setTimeout(setTimer, 2000);
    }

    setTimer();


    divs.mouseenter(function () {
        clearTimeout(timer);
        divs.removeClass('hover');
        var div = $(this);
        div.addClass('hover');
        currentIndex = divs.index(div);
    }).mouseleave(function () {
        setTimer();
    });

});
</script>

我的尝试：

<script type="text/javascript">
 $(document).ready(function() {
 if ( $(".button5").hasClass("hover") ) {
  $('h1').text('button five is active');
 }
 });
</script>

Answer 1

您可以在setTimer函数中添加此功能，如：

function setTimer() {
        divs.removeClass('hover');
        divs.eq(currentIndex).addClass('hover');

         $("h1").text((currentIndex + 1) + " is active");

        currentIndex++;
        if (currentIndex == number) {
            currentIndex = 0;
        }

        timer = setTimeout(setTimer, 2000);
}

这是一个小提琴：http://jsfiddle.net/8bvhw/

使用hasclass（）更改h1文本

1 个答案: