본문 바로가기
study/JavaScript

문자열 추출, 합치기 , 타이머 설정

by Elfen Lied 2020. 5. 9.
반응형

*문자열 추출(charAt(번호))((

var str = "hello world";
var n = str.charAt(4);

console.log(n);


값
0번부터 시작
hello world의 인덱스번호 4번의 'o'를 출력

 

 

*문자열 합치기(concat(합할 변수)

var str = "hello world";
var str1 = "javascript";

var newStr1 = str.concat(str1);

console.log(newStr1);


값
hello worldjavascript

 

 

 

*단어의 시작부분 번호 찾기(indexOf('단어')

var str = "hello world";
var str2 = str.indexOf("world");

console.log(str2);


값
6

 

 

 

*타이머(setTimeout(할일, 시간), clearTimeout(할일의 이름), setInterval(일정 시간마다 할일, 시간)

 

*작성 팁

// setTimeout(할일, 시간);
// 시간이 지나면 할일 = 함수
// 할일 = function() { 실제로 할일 }
// 3초 3000
// 실제로 할일 = alert("하이하이");


1. setTimeout(할일, 시간);

2. setTimeout(할일, 3000);  // 시간 넣고

3. setTimeout(function() { 실제로 할일 }, 3000);  // 할일에 함수 넣고

4. setTimeout(function() { alert("하이하이"); }, 3000); // 실제로 할일에 추가


작성시 먼저 문장 만들고 하나씩 넣는 방법이 쉽다.

 

 

 

*setTimeout

문법
var 이름 = setTimeout (fuction(){ alert('문자');}, 시간(3초면 3000);

--------------------------------------------------------------------

활용
var timer = setTimeout(function(){ alert('할일들');}, 3000); 


작동
3초 뒤에 '문자'라는 경고창이 뜬다

 

 

*clearTimeout (setTimeout 작업을 멈추고 싶을때)

var 이름 = setTimeout (fuction(){ alert('문자');}, 시간(3초면 3000);

clearTimeout(timer);

아래에 clearTimeout를 써주면 작업이 실행되지 않는다.

 

 

*setInterval

문법
setInterval(function(){ alert('문자');},시간);
------------------------------------------------

활용
setInterval(function(){ alert('할일들');},3000);


작동
3초가 지나고 '할일들'이라는 경고창이 뜨고 닫기를 누르면
또 3초뒤에 경고창이 뜬다

 

 

*clearInterval (setInterval 작업을 멈추고 싶을때)


var 이름 = setInterval(function(){ alert('할일들');},3000);

clearInterval(이름);

작동
작업이 뜨지 않음

 

반응형

'study > JavaScript' 카테고리의 다른 글

스타일 변경하기  (0) 2020.05.10
선택자  (0) 2020.05.10
배열 (array)  (0) 2020.05.09
반복문 for, while  (0) 2020.05.09
객체(Object)  (0) 2020.05.09

댓글