본문 바로가기

WINK-(Web & App)/HTML & CSS & JS 스터디

[2024 신입부원 기초 스터디] 김민서 #5주차

반응형
window.onload()

해당 요소가 완전히 로드되었을 때, 자동으로 호출되는 함수를 지정하는 속성이다.

웹 페이지에서 여러번 사용해도 하나만 적용한다!

window.onload = () => {
  console.log("wink");
}

 

Date 객체

날짜와 시간을 위한 메소드를 제공하는 빌트인 객체, 생성자 함수이다

  • 시간 메소드 : getHours(), getMinutes(), getSeconds() ...
  • 날짜 메소드 : getFullYear(), getMonth(), getDate() ...
let date = new Date();
let hours = date.getHours();
console.log(hours); //현재 시간 출력

 

innerText, innerHTML
  • innerText : 해당 Element 내에서 사용자에게 보여지는 텍스트 값을 가져오거나 설정 가능하다
  • innerHTML : 해당 Element의 HTML, XML 을 가져오거나 설정 가능하다

 

setTimeout()

특정 시간이 지난 다음에 코드를 실행하는 함수이다.

setTimeout(function() {
  console.log("Hello World");
}, 2000);
반응형