Shulou(Shulou.com)06/02 Report--

This article mainly introduces "JavaScript onclick how to click and switch pictures and automatically play". In daily operation, I believe many people have doubts about how to click and switch pictures and play them automatically in JavaScript onclick. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubts of "how to click and switch pictures and automatically play pictures in JavaScript onclick". Next, please follow the editor to study!

Here is the complete code:

/ / add a click event to the four button and the next stop / / get the img var img = document.getElementById ("img"); / / set a variable to switch the picture as the index value var index = 0; / / set a variable to store the return value of the timer var t = null / / define an array of addresses for storing photos var imgPath = [. / img/0.webp ",". / img/1.webp ",". / img/2.webp ",". / img/3.webp ",". / img/4.webp ",". / img/5.webp ",". / img/6.webp ",". / img/7.webp " ". / img/8.webp"] / / next function changeImg () {/ / We use the ternary operator index = index > = (imgPath.length-1)? 0:++index Img.src = imgPath [index]; / / or if judgment / / if (index > = imgPath.length-1) {/ / index=0; / / img.src = `$ {imgPath [index]} `; / /} else {/ / index++ / / img.src = `${imgPath [index]}` / /} / / the previous function changeImg1 () {/ / same as above index= index 0 & & index

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.