javascript — многократное изменение источника изображения с помощью бесконечного цикла

Многократное изменение источника изображения с помощью бесконечного цикла

Я создал функцию 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{amp}amp;cs=tinysrgb{amp}amp;dpr=2{amp}amp;h=650{amp}amp;w=940"; } if (myImage.classList.contains("pink")) { myImage.src = "https://images.pexels.com/photos/2870510/pexels-photo-2870510.jpeg?auto=compress{amp}amp;cs=tinysrgb{amp}amp;dpr=2{amp}amp;h=650{amp}amp;w=940"; } else { myImage.src = "https://images.pexels.com/photos/158030/cat-animal-pet-mieze-158030.jpeg?auto=compress{amp}amp;cs=tinysrgb{amp}amp;dpr=2{amp}amp;h=650{amp}amp;w=940"; }; } function stopColor() { clearInterval(myVar); } 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector