Многократное изменение источника изображения с помощью бесконечного цикла - PullRequest
0 голосов
/ 17 октября 2019

Я создал функцию setInterval, которая должна менять src img каждые три секунды. Я сделаю это, изменив классы с помощью оператора if.

Кто-нибудь знает, как добавить три класса к этому оператору if вместо двух?

let one = document.getElementById("first")
let myImage = one.children[1]
let myVar = setInterval(setColor, 2000);

// the function

function setColor() {

  myImage.classList = myImage.classList == "yellow" ? "pink" : "yellow";

// I think this is an ES6 If Statement, but what if I want to add another class instead of just two? Does someone have more information about changing classes with this method?

  if(myImage.classList.contains("yellow")) {
    myImage.src = "https://images.pexels.com/photos/1444492/pexels-photo-1444492.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940";
  } 

   if (myImage.classList.contains("pink")) {
    myImage.src = "https://images.pexels.com/photos/2870510/pexels-photo-2870510.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940";
  }

    else {
    myImage.src = "https://images.pexels.com/photos/158030/cat-animal-pet-mieze-158030.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940";
  }; 

}


function stopColor() {
  clearInterval(myVar);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...