티스토리 뷰

LANGUAGE/JAVA SCRIPT

[JAVA SCRIPT] 이미지 자동 변경

진심스테이크 2018. 4. 15. 16:04

 

- 사진은  html파일과 같은 경로에 있어야 함

- 사진은 5초마다 바뀜

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <script type="text/javascript">
  var imgArray=new Array();
  imgArray[0]="1.jpg";
  imgArray[1]="2.jpg";
  imgArray[2]="3.jpg";
  imgArray[3]="4.jpg";

  function showImage(){
   var imgNum=Math.round(Math.random()*3);
   var objImg=document.getElementById("introimg");
   objImg.src=imgArray[imgNum];
   setTimeout(showImage,5000);
  }

 </script>
</head>
<body onload="showImage()">
 <img id="introimg" border="0">
</body>
</html>
저작자표시 비영리 변경금지

'LANGUAGE > JAVA SCRIPT' 카테고리의 다른 글

[JAVA SCRIPT] ARRAY - 배열  (0) 2018.10.11
[JAVA SCRIPT] 자료형  (0) 2018.09.28
[JAVA SCRIPT] 회원가입 유효성 검사  (0) 2018.04.08
[JAVA SCRIPT] 만년 달력  (0) 2018.04.05
[JAVA SCRIPT] 계산기  (0) 2018.04.05
댓글