Javascript jquery按钮点击功能会自动延时
嗨,我需要做下面的jquery功能,而不需要点击下一步按钮。我试了很多次,但都不起作用。有人能给我一个合适的方法吗Javascript jquery按钮点击功能会自动延时,javascript,jquery,Javascript,Jquery,嗨,我需要做下面的jquery功能,而不需要点击下一步按钮。我试了很多次,但都不起作用。有人能给我一个合适的方法吗 var clickNext = $(".next_button").click(function() { var imgWidth = $("#slider_box_01").width(); var numImgs = 16; var count = 0; slideId++; if (slideId == 3) {
var clickNext = $(".next_button").click(function() {
var imgWidth = $("#slider_box_01").width();
var numImgs = 16;
var count = 0;
slideId++;
if (slideId == 3) {
slideId = 0;
}
imageSlider(imgWidth, numImgs, count, slides, slideId);
});
function imageSlider(imgWidth, numImgs, count, slides, slideId) {
var animation = setInterval(function() {
var position = -1 * (count * imgWidth);
$('#slider_box_01').find('.slider_image').css('margin-left', position);
count++;
if (count == numImgs) {
count = 0;
$('#slider_box_01').find('.slider_image').css('margin-left', 0 );
$(".slider_image").attr("src", slides[slideId]);
clearInterval(animation);
}
}, 80);
如果我单击.next_按钮,此功能运行良好,但在每2秒钟加载网页后,我需要不单击任何按钮来执行此操作 您已经在使用
setInterval()
,这正是您需要的
// When document is ready.
$(function () {
// Couldn't find this variable declared anywhere in your code?
var slideId = 0;
// A function to wrap the code previously set to be executed
// on the click event.
function myFunction () {
var imgWidth = $("#slider_box_01").width();
var numImgs = 16;
var count = 0;
slideId++;
if (slideId == 3) {
slideId = 0;
}
imageSlider(imgWidth, numImgs, count, slides, slideId);
}
function imageSlider(imgWidth, numImgs, count, slides, slideId) {
var animation = setInterval(function () {
var position = -1 * (count * imgWidth);
$('#slider_box_01').find('.slider_image').css('margin-left', position);
count++;
if (count == numImgs) {
count = 0;
$('#slider_box_01').find('.slider_image').css('margin-left', 0);
$(".slider_image").attr("src", slides[slideId]);
clearInterval(animation);
}
}, 80);
}
// Call the new function every 2 seconds.
setInterval(myFunction, 2000);
});
无需任何代码更改的最简单解决方案:
setInterval(function(){
$(".next_button").click();
},2000);
谢谢,这也行。。但我使用下面的一个,因为我需要一些修改,谢谢。这只是我代码的一部分,slideId声明了代码的顶部,我没有把所有代码都放在这里,因为如果我在这里加上这个问题会很复杂:D没关系。我提到它只是为了以防万一。我很高兴这个解决方案对你有效。