위의 사진처럼 자바 스크립트를 이용하여 글자나 나타나게 만들었습니다.


사용함수


setTimeout() -시간지연함수


일정 시간 후 특정코드나 함수를 의도적으로 지연시키고 싶을 때 사용하는 함수입니다.

이 함수를 사용할 때에는 두개의 인자를 사용하는데

(지연시간뒤에 실행할 코드, 지연시간) 설정합니다.



코드


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
    var noticeMsg="코린이 잰이 입니다!";
    var index=0;
    
    function showNotice()
    {
        index++;
        var divNotice=document.getElementById("divNotice");
        if(index > noticeMsg.length)
        {
            divNotice.innerText="";
            index=0;
        }
        else
        {
            divNotice.innerText=noticeMsg.substr(0,index);
        }
        setTimeout(showNotice,500);
    }
</script>
</head>
<body onload="showNotice()">
    <div id="divNotice" class="notice"></div>
 
</body>
</html>
cs


저작자표시

'JavaScript' 카테고리의 다른 글

[JavaScript]시간이 흘러가는 시계 만들기  (0) 2018.10.23
[JavaScript]랜덤 이미지 변경  (0) 2018.10.23
JavaScript 를 이용한 달력 만들기  (2) 2018.10.19
JavaScript를 이용한 배경색 바꾸기  (1) 2018.10.19
Java Script 이용 계산기 만들기  (0) 2018.10.18


위의 GIF 처럼 

들어갈 때 혹은 새로고침 할 때 이미지변경하는 코드입니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
    <script type="text/javascript">
        var imgArray= new Array();
        imgArray[0]="01.png";  //사진
        imgArray[1]="02.jpeg"; //사진
        imgArray[2]="03.png";    //사진
        imgArray[3]="04.png";    //사진
 
        
        function showImage()
        {
            var imgNum=Math.round(Math.random()*3);
            var objImg=document.getElementById("introImg");
            objImg.src=imgArray[imgNum];
        }
    </script>
</head>
<body onload="showImage()">
    <img id="introImg" border="0">
</body>
</html>
cs

배열을 만들어서 사진을 배열안에 넣어줬습니다. (7~11)


함수를 만들어서 들어갈 때 마다 랜덤으로 

배열을 선택하여 이미지를 변경시킵니다(14~19)


저작자표시

'JavaScript' 카테고리의 다른 글

[JavaScript]시간이 흘러가는 시계 만들기  (0) 2018.10.23
[Java Script]글자 나타내기  (0) 2018.10.23
JavaScript 를 이용한 달력 만들기  (2) 2018.10.19
JavaScript를 이용한 배경색 바꾸기  (1) 2018.10.19
Java Script 이용 계산기 만들기  (0) 2018.10.18


구구단 출력결과 입니다.




저는 <%%>과 <%=%> 두가지를 사용하였는데요


<% 여기는 자바 스크립트 문법이 들어갑니다.%>



<%= 변수를 출력할 때 사용합니다. %>



코드입니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
    <%
    int i;
    int j;
    int k;
    %>
   
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<h1>구구단</h1>
    <table border=1>
    <tr>
    <td></td>
    <% for(i=2;i<10;i++){ %>
    <td><%=i%>단</td>
    <%}%>
    </tr>
    <% for(j=1;j<10;j++){%>
    <tr>
    <td><%=j %></td>
        <% for(k=2;k<10;k++){ %>
        <td><%=k%>X<%=j%>=<%=k*j%></td>
        <%}%>
    </tr>
    <%}%>
    
    </table>
</body>
</html>
cs


18번째 줄부터 23번째 줄까지 몇단을 하고싶은지 나타내었고,

24번째 줄부터 31번째 줄까지 for문 2개를 사용하여 계산을하고 출력을 하였습니다.


for문 사용시 <%%>

출력,계산값 출력 <%=%>

'Jsp' 카테고리의 다른 글

JSP servlet 맵핑  (0) 2018.10.19

+ Recent posts

티스토리툴바