728x90 반응형 JS26 [JS] 타이머 설정하기 (몇 초 뒤에 / 몇 초 마다) X초 후에 코드 실행 setTimeout() 1) 첫 번째 파라미터는 무조건 콜백 함수. 2) 두 번째 파라미터는 초 단위 setTimeout(function(){ 실행할코드~ }, 기다릴시간); 5초 후 숨겨달라고 실행하기 hide() = display : none; 활용 setTimeout(function(){ $('.alert').hide(); }, 5000); 5초 후에 코드를 실행 X초마다 코드를 실행 setInterval() setInterval(function(){ 실행할코드~ }, 기다릴시간) 1초마다 5라는 문자를 1씩 감소 5초 이내 구매시 사은품 증정 var count = 5; setInterval(function(){ count -= 1; if (count >= 0){ documen.. 2024. 3. 23. [JS] 다크모드 설정하기 다크 모드 만들기 Dark var count = 0; $('.badge').on('click', function(){ count += 1; if (count % 2 == 1) { $('.badge').html('Light'); } else { $('.badge').html('Dark') } }); 변수(count) 에 클릭 몇 번 했는지 그 숫자를 담아준다. 그리고 숫자를 .badge 라는 클래스를 가진 버튼을 클릭할 때마다 count + 1 해주므로 숫자를 +1 씩 증가시켜준다. if 문 사용 ) 그리고 2로 나눠 떨어지지 않고 1이라는 나머지가 나오면 Light 로 글자 변경 그게 아니면 ( 2로 나눠 떨어지지 않고 1이라는 나머지가 나오지않으면 ) html 을 Dark 로 변경 1 을 2 로 나누면.. 2024. 3. 23. [JS] 아이디, 비번 입력 확인 (공백체크) 아이디 입력 확인 HTML 전송 닫기 JS $("form").on("submit", function (e) { if (document.getElementById("email").value == "") { alert("아이디입력안함."); e.preventDefault(); } }); e.preventDefault(); 사용해서 폼 전송 막기. 아이디와 비번확인 공백체크 JS $("form").on("submit", function (e) { if (document.getElementById("email").value == "") { alert("아이디입력안함."); e.preventDefault(); } if (document.getElementById("pw").value == "") { alert(".. 2024. 3. 22. [JS] 헷갈리는 else if 사용 법 else if "그게아니면 만약에" 라는 뜻 else if 문의 경우 else 문의 특징도 가지고 있어서 조건식이 참이면 뒤에오는 else if문은 실행하지 않는다. 2024. 3. 22. [JS] input에 입력한 값을 찾는 방법 input에 입력한 값을 찾는 방법 = document.getElementById('인풋태그찾고').value 2024. 3. 22. 훈훈한 Javascript (14) 7. 반복문을 사용한 텍스트 갱신 일반적으로 카운트 다운이라고 하면 시간초가 줄어드는게 보여야 한다. for 문 써주고 counterMaker 함수가 100번 반복하도록 해줌. = 별 차이 안보임 = 100번을 빠르게 반복해서 실행해주고 있는 상태. = 너무 빨라서 보이지 않는 것 자바스크립트에 코드의 실행을 늦춰주는 기능 = setTimeout 화살표 함수 fn 사용 이것도 함수 (익명함수) () => { } 익명함수를 setTimeout 함수에 작성 counterMaker 함수를 안에 넣어준다. 그리고 콤마 + 5000 시간이 지연되면서 보여진다. 5000 = 5000 밀리 초 ( = 5초 ) 1000 * i 적용 i = 1 씩 증가 1초마다 실행되고 있음. 근데 100 (i < 10.. 2023. 9. 12. 훈훈한 Javascript (12) 질문 Q: 5:29 대에서 숫자 0이 i에 들어가고 0 번째 인덱스 값을 가진 요소 1을 갖고 올 수 있고, 코드 실행해주고 i(0)이 1 증가되니 arr.length = 길이가 5 니까 i < 5 를 조건식으로 해석해서 i[0] ~ i[4] 까지 인덱스를 기준으로 출력하므로 (arr[0] ~ arr[4] 를 의미한건데 잘못 표현) 1,2,3,4,5 가 출력 되는게 제가 맞게 이해한 걸까요? A: Q: for ( let i = 0; i < timeKeys.length; i = i + 1 ) { console.log (timeKeys[i]) } 에서 timekeys도 배열이고 똑같이 길이(length) 갖고 있으니까, 길이만큼 반복 하는 거니까 ( 길이 =4 ), timeKeys[0] timeKeys[1] ti.. 2023. 9. 11. 훈훈한 Javascript (7) 질문 Q: const counterMaker = function () { const targetDateInput = dateForMaker(); console.log(targetDateInput); 이 부분에서 console.log(dateForMaker()); 을 사용함으로서 dateFormat 데이터를 호출했는데, 왜 괄호안에 변수명(dateFormat)을 쓰지않고 함수명(dateForMaker)을 적어준 것이 헷갈려요.. 원래 return 시킨 변수명을 쓰는게 아니라 함수명을 적는건가요? A1: A2: 2023. 9. 6. 이전 1 2 3 다음 728x90 반응형
