1. 타이머 함수
- 타이머 함수에서는 초 단위를 miliisecond(ms)로사용한다.
- miliisecond(ms)는 1/1000 초이다. (즉, 5000 ms 는 5 초이다)
NO |
메서드 이름 |
설명 |
1 |
setTimeout(function, millisecond) |
일정 시간 후 함수를 한번 실행합니다. |
2 |
clearTimeout(id) |
일정 시간 후 함수를 한번 실행하는 것을 중지 합니다 |
3 |
setInterval(function, millisecond) |
일정 시간 마다 함수를 반복해서 실행 합니다. |
4 |
clearInterval(id) |
일정 시간 마다 함수를 반복하는 것을 중단합니다. |
- 예제
1) setTimeout(function, millisecond)
2) clearTimeout(id)
// timer 생성
var timer_id = setTimeout(function(){
alert("test");
},5000);
// timer 삭제
clearTimeout(timer_id);
3) setInterval(function, millisecond)
4) clearInterval
var timer_id = setInterval(function(){
console.log("test");
},5000);
// timer 삭제
clearInterval(timer_id);
2. 인코딩과 디코딩 함수
NO |
함수이름 |
설명 |
1 |
escape(string) |
영문 알파벳과 숫자 일부 특수 문자(@,*,-,_,_,.,/)를 제외하고 모두 이코딩 합니다. |
2 |
unescape(encodedstring) |
escape로 인코딩한 문자를 decoding합니다. |
3 |
encodeURI(uri) |
escape()에서 인터넷에 사용되는 일부 특수문자 (:,;,/,=,?,&)는 변환 하지 않습니다. |
4 |
decodeURI(encodedURI) |
encodeURI로 인코딩한 문자를 decoding 합니다. |
5 |
encodeURIComponent(uriComponent) |
알파벳과 숫자를 제외한 모든 문자를 이코딩 합니다. |
6 |
decodeURICompoment(encodedURI) |
encodeURIComponent로 인코딩한 문자열을 디코딩 합니다 |
[예제
1) escape()
var escaped_string = escape("https://doitnow-man.tistory.com/test/간디");
=> 결과 https%3A//doitnow-man.tistory.com/test/%uAC04%uB514
2) unescape()
var unescaped_string = unescape(escaped_string);
=> 결과 https://doitnow-man.tistory.com/test/간디
3) encodeURI(uri)
var encodeURI_string = encodeURI("https://doitnow-man.tistory.com/test/간디");
=> 결과 https://doitnow-man.tistory.com/test/%EA%B0%84%EB%94%94
4) decodeURI(encodedURI)
var decodeURI_string = decodeURI(encodeURI_string);
=> 결과 : https://doitnow-man.tistory.com/test/간디
5) encodeURIComponent(uriComponent)
var encodeURICom_string = encodeURIComponent("https://doitnow-man.tistory.com/test/간디");
=> 결과 : https%3A%2F%2Fdoitnow-man.tistory.com%2Ftest%2F%EA%B0%84%EB%94%94
6) decodeURICompoment(encodeURICom_string)
var decodeURICom_string = decodeURIComponent(encodeURICom_string);
=> 결과 : https://doitnow-man.tistory.com/test/간디
3. 코드 실행 함수
함수 이름 |
설명 |
eval(string) |
string을 자바 스크립트 코드로 실행합니다. 변수도 할당 하여 사용 할수 있습니다. |
[예제]
1) eval()
var test_code = "var string = 'hello world';alert(string)";
eval(test_code);
4. 숫자 확인 함수
함수 이름 |
설명 |
isFinite(number) : boolean |
number가 유한한 값이지 체크 합니다 반환 값이 true면 유한한 값 반환 값이 false이면 무한한 값 |
isNaN(number) : boolean |
number가 NaN(Not a Number)인지 확인합니다. |
[예제]
1) isFinite(number)
- 자바스크립트에서 0으로 나누면 무한한 값이 나옵니다.
- 참고: 100 / 0 이면 Infinity 가 나오고
-100 / 0 이면 -Infinity 가 나옵니다.
var number = 100 / 0;
if (isFinite(number) == false) {
alert('무한한 값');
} else {
alert('유한한 값');
}
2) isNaN(number)
var number = "일";
if (isNaN(number) == true) {
alert("숫자가 아닙니다");
} else {
alert("숫자 입니다");
}
5. 숫자 변환 함수
함수 이름 |
설명 |
parseInt(string, 진법) |
string을 진법에 맞게 바꾸어 줍니다. (진법 : 2, 8, 10, 16 )이 존재 합니다. |
parseFloat(string) |
string을 유리수로 바꾸어 줍니다. |
[예제]
1) parseInt(string, 집법)
var number = '100';
alert(parseInt(number, 2)); // 4
alert(parseInt(number, 8)); // 64
alert(parseInt(number, 10)); // 100
alert(parseInt(number, 16)); // 256
2) parseFloat(string)
var number = '52.273e5';
alert(parseFloat(number)); // 5227300
출처: https://doitnow-man.tistory.com/127?category=751277 [즐거운인생 (실패 또하나의 성공)]
'Language > Java Script' 카테고리의 다른 글
JQuery animate를 pure자바스크립트로 만들기 (0) | 2020.04.21 |
---|---|
자바스크립트 실행 순서 (0) | 2020.03.15 |
jQuery (0) | 2020.03.05 |
함수형 프로그래밍 (0) | 2020.03.05 |
객체지향 프로그래밍 응용 예제 (0) | 2020.03.05 |