Insert a variable inside a function

Question

I'm using swiper to generate 4 different sliders, each one is called using this :

var swiper2 = new Swiper

What i want is to create a function that will fire the

swiper2.slideNext();

every 2 seconds, so i used :

setInterval(function(){
 swiper2.slideNext();
 }, 2000);

This works great. But as i said, i have 4 different sliders, and i would like to change the number randomly every time the setInterval function is fired

I tried this

setInterval(function(){
 var randx = Math.floor(Math.random() * 4) + 1;
 swiper + randx.slideNext();
 }, 2000);

But it does not work, it returns swiper, not swiperX wher X is between 1 and 4. And throws an error because swiper does not exist, only swiper1 to swiper4.

This is obviously a lack of knowledge of JS from myself, any help appreciated.

Arrays exist for this purpose. Look into them.

Jeto
– Jeto

2019-01-08 22:58:07 +00:00
Commented Jan 8, 2019 at 22:58 — Jeto
– Jeto, Commented Jan 8, 2019 at 22:58

jcal · Accepted Answer · 2019-01-08 23:11:01Z

1

you should store all swipers in an array like:

var swipers = [swiper1, swiper2, swiper3, swiper4];

and then in your interval you call:

setInterval(function(){
  var randx = Math.floor(Math.random() * 4);
  swipers[randx].slideNext();
}, 2000);

edited Jan 8, 2019 at 23:11

answered Jan 8, 2019 at 23:00

jcal

8755 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Xavier C. Over a year ago

thanks but not working : Uncaught TypeError: Cannot read property 'slideNext' of undefined

jcal Over a year ago

I just updated the answer, cuz i forgot to remove the +1 in the random function, since arrays start with an index of 0

Collectives™ on Stack Overflow

Insert a variable inside a function

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related