반응형
*문자열 추출(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 |
댓글