Question

我需要帮助创建数组和循环。我不知道如何将鼠标悬停和点击所需的两个动作包含在我需要循环的所有6个按钮中。以下是带有延迟和两个按钮的代码示例。这些按钮有其他区域，它们可以对鼠标进行操作并单击，因此我将两者都包含在一起，以便过渡看起来更好。

我正在使用延迟从一个按钮缓慢转换到下一个按钮但是很难让它循环。

var delay1=5800//2 seconds
var delay2=6000//6 seconds

setTimeout(function(){
  $("#mc_button_hitID_2").mouseover();
}, delay1)

setTimeout(function(){
  $("#mc_button_hitID_2").click();
  //your code to be executed after 1 seconds
}, delay2)

Answer 1

我不完全确定您为什么要悬停并通过javascript点击按钮。如果您希望创建一个漂亮的过渡，我建议您查看TweenMax

否则，查询的解决方案可能是这样的。

fiddle

//jquery ready function
$(function(){
    var btns = $('button'); //selector for all your buttons
    var count = 0; //var to keep track of progress
    var loop = setInterval(function(){
        if(count === btns.length){
            clearInterval(loop);
        }else{
            //do your stuff.
            var delay1=5800//2 seconds
            var delay2=6000//6 seconds

            setTimeout(function(){
              $(btns[count]).mouseover();
            }, delay1)

            setTimeout(function(){
              $(btns[count]).click();
              //your code to be executed after 1 seconds
            }, delay2)
        }
        count++;
    },6000) //you probably need some delay between each button

    ///just some testing code to know that we are really interacting with the buttons
    $('button').each(function(){
        $(this).click(function(){
            console.log('clicked ' + $(this).html());
        })
        $(this).mouseover(function(){
            console.log('mouseover ' + $(this).html());
        })
    })
})

使用带有延迟和操作的Javascript创建数组和循环

1 个答案: