반응형
자바스크립트로 버튼 클릭시 순서대로 숫자 호출방법
- 숫자 1부터 작성한다. count=0;
- 첫번째 버튼은 시작버튼으로 구현한다. button1.onclick=start;
- 두번째 버튼은 정지버튼으로 구현한다 button2.onclick=stop;
- 작성될 블럭을 구성한다. div1
- div1 내에 html로 작성한다. div1.innerHTML = div1. innerHTML + count(숫자카운트 더하기)
count=0;
window.onload=function(){
button1=document.getElementById("button1"); //첫 번째 버튼
button2=document.getElementById("button2"); //두 번째 버튼
div1=document.getElementById("div1");
write = function write(){
count++;
div1.innerHTML = div1.innerHTML + count;
}
start = function start(){
//화면에 1,2,3,4 찍기
auto=setInterval(write,500)//write를 0.5초마다 실행해라.
}
stop=function stop(){
clearInterval(auto);
}
button1.onclick=start;
button2.onclick=stop;
}
반응형
'Web Development > JavaScript' 카테고리의 다른 글
JavaScript event keycode 목록 (0) | 2021.07.17 |
---|---|
[JavaScript] 부드러운 스크롤 (0) | 2021.07.17 |
jQuery를 사용하여 페이지로드시 자동 클릭 단추 요소 (0) | 2021.07.17 |
매우 심플한 슬라이더(Very Simple Slider) (0) | 2021.07.17 |
JQuery 학습사이트 - 제이쿼리를 공부할 때 유용한 사이트 (1) | 2021.07.17 |
JavaScript(JQuery) 선별선택자·복수선택자 (0) | 2021.07.17 |
Onclick Event(온클릭 이벤트) (0) | 2021.07.17 |
3초마다 모달창으로 "Hello" 구현하기 (0) | 2021.07.17 |