# setInterval

54개의 포스트

JS_setInterval

setTimeout이 함수를 단 한 번만 실행하는 것과 달리setInterval은 함수를 주기적으로 실행하게 만듦. 함수 호출을 중단하려면 clearInterval(timerId)을 사용하면 된다

6일 전
·
0개의 댓글

0428

TIL

2022년 4월 28일
·
0개의 댓글
post-thumbnail

[Megabyte School] 무한으로 즐기는 슬라이드 만들기 : 무한루프&자동변환

이전 글 코드 간소화하기.이전 글 슬라이드를 무한루프로 변경.이전 글 슬라이드에 자동변환 기능 추가.이전 글 슬라이드 코드에서 슬라이드를 실행하는 부분을 따로 함수로 빼내어 작성했고, transition 기능을 CSS에서 빼내어 move() 함수에 추가했다.무한루프를

2022년 4월 27일
·
3개의 댓글

setInterval 과 useInterval🐶

개인노션 작성 글(2022.03.11) 블로그로 이전 중입니다.타이머 코드를 리팩토링 하는 중에 전에 접했던 useInterval이 생각이 나서 적용해 보려고 합니다.완성 코드를 제외한 나머지 코드는 불필요한 부분을 많이 편집한 작동하지 않는 코드입니다.전체적인 흐름은

2022년 4월 22일
·
0개의 댓글
post-thumbnail

타이머 작동하는데 엉망으로 작동

개인노션 작성 글(2022.03.11) 블로그로 이전 중입니다.이번 프로젝트는 타이머가 2종류가 존재합니다.게이지 형식시간초 형식이렇게 두 종류를 만들었는데 작동하나 예외에 대응하지 못하고, 저 타이머 때문에 너무 많은 컴포넌트가 동시에 리렌더링 되고있습니다. 그리고

2022년 4월 22일
·
0개의 댓글
post-thumbnail

[코딩애플 JS기초] 자바스크립트 문법, 브라우저 문법, setTimeout(), setInterval()

setTimeout() (설정한 초)초 후에 콜백함수 내용 실행해라 사용방법 setTimeout(function(){함수}, 몇초(ms단위)) setInterval() (설정한 초)초 마다 콜백함수 내용 실행해라 사용방법 setInterval(function(){함수

2022년 4월 22일
·
0개의 댓글
post-thumbnail

02.14 복습

현재 시간을 불러온다둘 다 비슷한 함수이나, setInterval은 지속적으로 반복, setTimeout은 한 번만 실행된다.둘이 쓰는 법은 똑같으나, 앞에 붙느냐 뒤에 붙느냐 차이다.앞에 String type을 받는다.string.padStart(앞에 string의

2022년 2월 14일
·
0개의 댓글
post-thumbnail

[FC] location / setTimeout, setInterval / This값 바인딩 Day-14

특정 도메인으로 이동시키고 싶은 경우 사용할 수 있다.ex) main.js일정 시간 뒤에 특정 코드를 호출ex) main.js일정 시간 간격마다 특정 코드를 반복setInterval은 clearInterval을 통해 멈출 수 있다.ex) main.jsex) main.j

2022년 2월 6일
·
0개의 댓글
post-thumbnail

JavaScript | setTimeout / setInterval

일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것구현 방법 setTimeout, setInterval일정 시간이 지난 후, 함수를 실행setTimeout(함수, 시간, 인수)매개변수첫 번째 실행하는 함수(일정 시간이 지난 뒤) 두 번째

2022년 1월 14일
·
0개의 댓글
post-thumbnail

2. JS and CSS Clock

new Date()현재 시간을 가져온다.new Date().getSecond() 로 현재 초를 가져온다이외에 시,분,요일,년도 등 가져올 수 있다.https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/

2022년 1월 6일
·
0개의 댓글
post-thumbnail

[JS] Timer

JS의 timer 함수와, timer 함수를 이용한 debounce, throttle에 대해 다룬다.

2021년 12월 27일
·
0개의 댓글
post-thumbnail

[JS] Operations with Dates, Intl, setTimeout, setInterval

//Lecture Creating Dates // //Create a date // const now = new Date(); // console.log(now); // //Tue Dec 21 2021 14:39:36 GMT+0900 (한국 표준시) // consol

2021년 12월 21일
·
0개의 댓글
post-thumbnail

[JS] 바닐라 자바스크립트 - setInterval,setTimeout ,Date,PadStart 시계 만들기

<들어가기 앞서>노마드 코더 강의를 보며 정리한 글입니다. 특정 시간마다 함수를 반복해서 실행한다. ex) setInterval(sayHello,1000); 1초마다 sayHello 함수 실행시간이 흐르고 딱 한 번 보여짐.공식문서시계가 나오게 된다.여기서 get

2021년 12월 20일
·
0개의 댓글
post-thumbnail

동기 / 비동기

동기 비동기

2021년 12월 12일
·
0개의 댓글

Interval 과 Timeout

setInterval: 원하는 간격으로 반복호출, setTimeout: 원하는 시간이 흐른 후 호출

2021년 12월 8일
·
0개의 댓글

4일차

함수 우리가 만드는 "기능" 여지껏 사용한 기능은 기존에 만들어져있던 것들. 경고창을 띄우는 기능을 만든 것. 함수란? 어떤 데이터를 입력받아 결과데이터를 출력한다. 입력데이터는 소괄호( ) 에 입력하고, 결과데이터는 return 뒤에 들어간다. 매개변수 있으면 실행할 코드에도 매개변수 있어야함 함수 작성 방법 : 함수선언식 / 함수표현식 / 화살...

2021년 12월 2일
·
0개의 댓글
post-thumbnail

콜백함수 - 타이머 함수,즉시호출함수- 엄격모드

자바스크립트에서 콜백함수를 사용하는 또 다른 대표적인 함수가 바로 타이머 함수이다.타이머 함수는 크게setTimeout()setInterval()이라는 함수로 나뉜다.둘다 특정한 시간 후에 뭘 할때 사용을 한다.setTimeout(함수,시간) -> 특정 시간 후에 함수

2021년 11월 12일
·
0개의 댓글
post-thumbnail

그 유명한 to do list 시작! - 시계만들기

이제 모멘텀 extension을 만들기위해 알아야할 문법은 다 배웠으니 실전에 들어가보도록 하자. 우선 html 파일에서 시계가 오는 위치를 정하자.그리고 clock.js 란 파일을 만들어준다.

2021년 11월 11일
·
0개의 댓글
post-thumbnail

setTimeout vs setInterval

페어 프로그래밍을 하며 일주일동안 많은 기능을 구현해보았는데, 그 때 가장 많이 사용했던 함수는 setTimeout이었다. setTimeout은 두 번째 인수로 전달받은 시간이 만료되면 첫 번째 인자로 전달받았던 콜백함수가 실행이 되는 함수이다. 주로 FOIT 문제 해

2021년 10월 17일
·
0개의 댓글