이미지 자동 변경
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <head> <title>방문할 때마다 변하는 이미지</title> <script type="text/javascript"> var imgArray = new Array(); imgArray[0] = "sakura.jpg"; imgArray[1] = "sakura2.jpg"; imgArray[2] = "sakura3.jpg"; function showImage() { var imgNum = Math.round(Math.random()*2); var objImg = document.getElementById("introImg"); objImg.src = imgArray[imgNum]; setTimeout("showImage()", 3000); } </script> </head> <body onload="showImage()"> <img id ="introImg" border="0"> </body> </html> |
7~9 : 파일명.확장자
15 : 밀리세컨드로 지정
'Web Programming > HTML CSS JAVASCRIPT' 카테고리의 다른 글
| [JavaScript] 달력 만들기 (0) | 2018.04.15 |
|---|---|
| [JavaScript] 계산기 (0) | 2018.04.15 |
| [JavaScript] 대화상자와 함수 (0) | 2018.04.08 |
| [JavaScript] JavaScript란? (4) | 2018.04.08 |
| [CSS] Style 속성 (0) | 2018.04.07 |
