JSFiddle - React, Tailwind, and code Playground
HTML
간격을 초단위로 입력해주세요<br>
<input id="inpNum" type="number" value="0"> <button id="btn">시작</button>
JavaScript
// startCount - 지정한 간격으로 1씩 더한 값을 출력하는 함수
function startCount(duration) {
// 초기 값 선언
var count = 0;
// setInterval의 간격을 사용자에게 받아서 선언(값이 없는 경우 1로 설정)
var sec = duration || 1;
// 내부 함수인 setInterval을 실행
setInterval(function(){
count++;
console.log(count);
}, sec * 1000);
}
// input[type=number]의 엘리먼트
var inpEle = document.getElementById('inpNum');
// 버튼 엘리먼트
var btnEle = document.getElementById('btn')
// 버튼 엘리먼트에 클릭 이벤트 지정
btnEle.addEventListener('click', function(){
var value = inpEle.value;
startCount(value);
});