• 회원가입
  • 로그인
  • 구글아이디로 로그인

[JS-바위] JS 6강 - 문자열 (String) / 타이머 (Timer) 설정

417  

목차
  1. 문자열 (String)
  2. 타이머 (Timer)

 

문자열 (String)

문자열 정의

 

var hzk = '홈짱닷컴';

var hze = 'Homzzang.com';

 

자세히보기


특정 순번째 문자

 

var n = hzk.charAt(2); // 닷

//alert(n);

console.log(n); // 닷



문자열 연결

 

var hz = hzk.concat(hze); // 홈짱닷컴Homzzang.com

console.log(hz);


var hz = hzk.concat(' ',hze); // 홈짱닷컴 Homzzang.com

console.log(hz);



특정 단어 순번

 

// 단어 포함 O 경우, 순번 반환. (순번은 0부터 시작)

var idx = hz.indexOf('Homzzang'); // 5

console.log(idx);

 

// 단어 포함 X 경우, -1 반환

var idx = hz.indexOf('Homxxang'); // -1

console.log(idx);

 

 

타이머 (Timer)

한번만 할일

 

// setTimeout('할일','시간');

// 할일: function() {실제할일}

// 시간: 3초 = 3000

// 실제할일: console.log('홈짱닷컴 Homzzang.com');

// clearTimeout('이름');

var timer = setTimeout(function() {console.log('홈짱닷컴 Homzzang.com');},3000);

clearTimeout(timer);



 매 시간마다 할일

 

// setInterval('할일','시간');

// clearInterval('이름');

var every = setInterval(function() {console.log('홈짱닷컴 Homzzang.com');},3000);

clearInterval(every);

 

예제코드 결과보기 (※ 좌측하단 Console 버튼 클릭해야 보임.)


분류 제목
JS-바위 JS 80~82강 - 자바스크립트 객체 클래스
JS-바위 JS 77~79강 - 자바스크립트 모듈 활용 (Javascript Module)
JS-바위 JS 73~76강 - 테이블 페이지네이션 (Table Pagination)
JS-바위 JS 72강 - AOS 라이브러리 - 슝슝 나타나는 스크롤 애니메이션
JS-바위 JS 69~71강 - 숫자 그래프 애니메이션 (Number Animation)
JS-바위 JS 68강 - animate.css 라이브러리 - 스크롤이벤트 적용
JS-바위 JS 64~67강 - tailwindcss (node js - CSS framework) - CSS 없이 스…
JS-바위 JS 61~63강 - 최신 JS 문법 (ECMA SCRIPT 6) - 변수선언 키워드 let, const, …
JS-바위 JS 60강 - 인스타그램 (instagram) API - 인스타그램 피드를 웹사이트에 출력
JS-바위 JS 56~59강 - 쿠키 (Cookie) 이용해 「오늘 하루 안보기 팝업창 띄우기」 생성
JS-바위 JS 52~55강 - 멀티플 슬라이드 (Multiple Slideshow)
JS-바위 JS 51강 - 스크롤트리거 (scrollTrigger) - 스크롤 애니메이션 구현
JS-바위 JS 46~50강 - 필터링 반응형 갤러리 (Fitered Gallery)
JS-바위 JS 45강 - 하이라이트 무빙 탭 애니메이션 (Highlight Moving Tab animation)
JS-바위 JS 42~44강 - 풀스크린 슬라이드 (FullScreen Slide) 1 - CSS로만 구현
JS-바위 JS 41강 - 드롭다운 서브메뉴 (Dropdown Submenu)
JS-바위 JS 40강 - 반응형 일정표 (Gantt chart : 간트 차트)
JS-바위 JS 39강 - 마우스허버 시 따라 움직이는 메뉴바 애니메이션 (MenuBar Animation) ※ 언더바…
JS-바위 JS 38강 - 숫자 바뀌는 애니메이션 (Number Animation) (순수JS버전)
JS-바위 JS 37강 - 아코디언 (Accodion) 메뉴 (순수JS버전)
1/35
목록
찾아주셔서 감사합니다. Since 2012