목록타이핑이펙트 (1)

from EARTH to MARS

[HTML/CSS] 자바스크립트로 랜덤 구현하는 여러 방법 + 랜덤한 속도로 타이핑 효과 구현

이번 포스팅에서는 자바스크립트를 활용하여 랜덤한 딜레이로 텍스트를 출력하는 효과를 가진 타이핑 애니메이션을 만들어 보겠다. 이러한 애니메이션은 웹 페이지나 애플리케이션에서 독특하고 흥미로운 텍스트 효과를 적용할 때 유용한다. 먼저 멋진 효과를 가진 타이핑 애니메이션을 구현해보기 전에, 랜덤을 구현하는 방식은 여러 가지가 있는데 먼저 그것들에 대해 알아보자. Math.random() 함수 사용하기 Math.random() 함수는 자바스크립트에서 가장 기본적으로 사용되는 함수 중 하나로, 0 이상 1 미만의 랜덤한 부동소수점 숫자를 반환한다. 이를 활용하여 원하는 범위의 랜덤 값을 구할 수 있다. // 1에서 10 사이의 랜덤한 정수값 구하기 function getRandomNumber(min, max) {..
🌔Developers/JavaScript \ HTML 2023. 7. 3. 00:57
이전 Prev 1 Next 다음