[javaScript] setTimeOut()

[javaScript] 

 

- setTimeOut() : 전역 setTimeout() 메서드는 만료된 후 함수나 지정한 코드 조각을 실행하는 타이머를 설정합니다.

setTimeout(function() {
  console.log('Hello World!');
  //타이머가 만료된 뒤 실행할 function입니다.
}, 500);

[조건]

1. 클릭 후 배경색이 변경됩니다.

2. 배경색이 변경 되며, 텍스트가 변경됩니다.

 

<div class="copyTooltip">
	<p class="textCopy">Copy</p>
</div>

.copyTooltip {
  width: 100px;
  background:#222;
  border-radius: 16px;
  padding:16px 0; 
  box-sizing: border-box;
  box-shadow: 0px 4px 12px 0px #0000001A;
  position: relative;
  display: inlind-block;
  /*display: none;*/

}


.copyTooltip p{
  color:#fff;
  font-family: "Poppins";
  font-weight:600;
  text-align: center;

}

 $('.copyTooltip').on('click',function(){  
     setTimeout(function (e) {
        $('.copyTooltip').css('background','#222222c7');
        $('.textCopy').text('Copyyyy');
      }, 500);
  })

 

*참고

https://developer.mozilla.org/ko/docs/Web/API/setTimeout

setTimeout() - Web API | MDN