728x90 반응형 HTML4 타이머 만들기 function getClock() : 시간 나타내기 function getClock(){ const date = new Date(); clock.innerText = (`${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`); // console.log(`${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`); } 시간 : 분 : 초 타이머로 보이기 setInterval 활용 setInterval(getClock, 1000); 1초 마다 반복 표기 인터발되기 전에 먼저 타이머를 보여주기 getClock(); 만들었던 함수 먼저 실행 최종완성 const clock = document.quer.. 2023. 3. 24. setInterval(함수, 초) : 계속 로테이션 가동 기본 디폴트 HTML HTML 00:00 기본적으로 h2 태그에서 id를 clock 으로 주고 디폴트값을 00:00 으로 한다 intaval JS function sayHello(){ console.log("5초"); alert("hello"); } 우선 함수를 하나 만든다. 콘솔로그 찍는거랑, 알람설정 setInterval(sayHello, 5000); 그리고 인터벌 5초로 셋팅 결과 5초 뒤에 알람과 콘솔이 찍힌것을 확인할 수 있다. 2023. 3. 24. [HTML/CSS] 박스안에 글자가 넘칠때 hidden 또는 스크롤 텍스트가 박스에서 흘러넘칠 때는 overflow 속성 Hidden 박스 넘어가는 글자는 숨기기, 자르기 overflow: hidden; Scroll 항상 스크롤 하기 overflow: scrollo; Auto; 박스만큼 숨기고, 넘치면 스크롤 적용 overflow: auto; 가로 스크롤 overflow 와 함께 쓴다. white-space:nowrap; / 긴텍스트는 옆으로 스크롤이 되어 줄바꿈이 안되게 함 2023. 2. 3. html/css/jb #html 뼈대 : 큰 글자 옆에 -> 찾기 박스 옆에 -> 돋보기 밑에 이미지 밑에 텍스트 나열 등등 #css 꾸미기 : 폰트, 색깔, 크기, 사이즈 등 #jb 동작 : 위로 몇분동안 움직이기 , 옆으로 움직이기 팟 하고 나타나기 등 2021. 8. 19. 이전 1 다음 728x90 반응형
