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


사용함수


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

+ Recent posts

티스토리툴바